Kích thước tốt nhất để sử dụng để hiển thị kích thước toàn màn hình của ảnh chụp màn hình ứng dụng là gì?


11

Tôi muốn tối đa hóa kích thước của ảnh chụp màn hình và tránh thanh cuộn hoặc tràn quá mức tối đa.

Bạn đề nghị kích thước nào?

Tôi đang sử dụng hộp đèn.

Câu trả lời:


14

Đây là công cụ Kích thước Trình duyệt tuyệt vời của Google cho thấy có bao nhiêu phần trăm người dùng sẽ thấy các khu vực khác nhau trên trang web của bạn. Điều này thực sự giúp kiểm tra các trang web và đảm bảo rằng những người trên màn hình 'nông' (hầu hết máy tính xách tay có màn hình rất rộng nhưng rất nông / không sâu) có thể thấy nội dung quan trọng của bạn và kêu gọi hành động.

công cụ kích thước trình duyệt google

Cập nhật : Google hiện đã thêm chức năng này vào Google Analytics, cho phép bạn xem khách truy cập có thể thấy trang web của bạn bao nhiêu: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html

Google Analytics với chức năng kích thước trình duyệt mới


Đồ họa là một dạng ghetto cho một ứng dụng Google, nhưng đây có vẻ là một công cụ rất hữu ích và tôi cho rằng họ có thể cập nhật phần trăm phân tích thường xuyên để bạn có dữ liệu kích thước màn hình mới nhất.
Lèse majesté

Vâng, ghetto là từ đúng! Nó ở trong Phòng thí nghiệm, vì vậy tôi không chắc nó được duy trì tốt như thế nào, nhưng nó là một thiết bị mở mắt cho các nhà thiết kế có màn hình lớn.
nthonygreen

À, tôi đã nhầm. Hình ảnh không được tạo trực tiếp từ dữ liệu người dùng. Nó chỉ bao phủ một hình ảnh tĩnh trên khắp trang web, và nó xuất hiện họ chưa cập nhật nó trong khoảng một năm: browsersize.googlelabs.com/static/...
về tội khi quân hoàng

1
Cũng giống như một thông báo nhanh, nếu màn hình của bạn rộng hơn một kích thước nhất định, hình ảnh sẽ lặp lại. Trên iMac 2560x1440 của tôi, tôi có thể thấy nó gần gấp đôi. Nó cũng không làm tốt với nội dung trung tâm.
BR

3
Công cụ này có vẻ kém, nếu trang web của bạn không có chiều rộng cố định, thì nó sẽ mở rộng theo trình duyệt của bạn và lớp phủ hoàn toàn sai.
lụa

2

Điều này có thể khác nhau tùy theo trang web và cơ sở người dùng, nhưng nhiều trang web vẫn hỗ trợ chiều rộng màn hình rộng 1024 pixel (vì vẫn có một cơ sở người dùng khá lớn sử dụng độ phân giải đó). Do đó, bạn muốn hình ảnh của mình đủ lớn để vừa với một không gian rộng 1024 pixel. Giả sử bạn có 15px chrome ở bên trái và bên phải của hộp đèn và bạn muốn có lề 30px ở hai bên cho những người chạy độ phân giải màn hình rộng 1024px.

1024 - 30px (chrome hộp đèn) - 60px (lề) = hình ảnh rộng 934px.

Một lần nữa, các chi tiết cụ thể có thể khác nhau cho trang web của bạn, đặc biệt nếu bạn muốn các cạnh của hộp đèn nằm ở một điểm nhất định liên quan đến trang của bạn hoặc nếu bạn đang cố gắng chụp vào lưới hoặc một cái gì đó tương tự.


1

Một giải pháp tuyệt vời sẽ là tải lên các ảnh chụp màn hình ở độ phân giải tối đa 2560x1600. Sau đó, khi trang tải, phát hiện kích thước cửa sổ trình duyệt và sử dụng trình xử lý hình ảnh để thay đổi kích thước và lưu hình ảnh trên máy chủ của bạn theo yêu cầu đầu tiên.

Bằng cách đó, những người có màn hình độ phân giải cao sẽ không bị lãng quên.


bạn có thể phát hiện kích thước cửa sổ trình duyệt một cách đáng tin cậy không? có lẽ .. $(window).width()$(window).height()trong jQuery dường như là hợp lệ!
Jeff Atwood

@Jeff - chỉ một số lần: stackoverflow.com/questions/2596594/ Khăn
Jeremy Boyd
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.