Apa ukuran terbaik untuk digunakan untuk menampilkan ukuran layar penuh dari tangkapan layar aplikasi?

11

Saya ingin memaksimalkan ukuran tangkapan layar dan menghindari bilah gulir atau melimpah untuk maksimum juga.

Ukuran apa yang Anda rekomendasikan?

Saya menggunakan lightbox.

images browsers screenshot Stephen Ostermiller
sumber

Jawaban:

14

Inilah alat Ukuran Browser yang luar biasa dari Google yang menunjukkan berapa persen pengguna akan melihat berbagai area situs web Anda. Ini sangat membantu untuk memeriksa halaman web dan memastikan bahwa orang-orang di layar 'dangkal' (kebanyakan laptop memiliki layar sangat lebar tetapi sangat dangkal / tidak dalam) dapat melihat konten penting dan panggilan untuk bertindak.

alat ukuran browser google

Pembaruan : Google sekarang telah menambahkan fungsi ini ke Google Analytics, memungkinkan Anda untuk melihat seberapa banyak pengunjung Anda dapat melihat situs Anda: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html

Google Analytics dengan fungsionalitas ukuran browser baru

nthonygreen
sumber
Grafik adalah jenis ghetto untuk aplikasi Google, tetapi ini terlihat seperti alat yang sangat berguna, dan saya berasumsi mereka mungkin memperbarui rincian persentase secara teratur sehingga Anda memiliki data ukuran layar terbaru.
Lèse majesté
Ya, ghetto adalah kata yang tepat! Itu ada di Labs, jadi saya tidak yakin seberapa baik itu dipertahankan, tetapi ini adalah pembuka mata bagi desainer dengan layar besar.
nthonygreen
Ah, saya salah. Gambar tidak dihasilkan langsung dari data pengguna. Itu hanya overlay gambar statis di atas halaman web, dan tampaknya mereka belum memperbaruinya dalam waktu sekitar satu tahun: browsersize.googlelabs.com/static/…
Lèse majesté
1
Sama seperti nota bene cepat, jika layar Anda lebih lebar dari ukuran tertentu, gambar hanya mengulangi. Pada iMac 2560x1440 saya, saya bisa melihatnya hampir dua kali. Itu juga tidak baik dengan konten terpusat.
BR
3
Alat ini tampaknya buruk, jika situs Anda tidak memiliki lebar tetap, maka itu akan menskala ke browser Anda , dan hamparannya benar-benar salah.
sutera
2

Ini dapat bervariasi berdasarkan situs dan basis pengguna, tetapi banyak situs web masih mendukung lebar layar 1024 piksel (karena masih ada basis pengguna yang cukup besar menggunakan resolusi itu). Karena itu, Anda ingin gambar Anda menjadi cukup besar untuk masuk ke dalam ruang yang lebar 1024 piksel. Katakanlah Anda memiliki 15px chrome di sisi kiri dan kanan lightbox Anda dan Anda menginginkan margin 30px di kedua sisi itu untuk orang yang menjalankan resolusi monitor lebar 1024px.

1024 - 30px (lightbox chrome) - 60px (margin) = gambar lebar 934px.

Sekali lagi, spesifikasinya mungkin berbeda untuk situs Anda, terutama jika Anda ingin tepi lightbox diletakkan pada titik tertentu dalam kaitannya dengan halaman Anda atau jika Anda mencoba untuk snap ke kisi atau sesuatu seperti itu.

binerorganik
sumber
1

Solusi keren adalah mengunggah tangkapan layar pada resolusi maksimal 2560x1600. Kemudian ketika halaman dimuat, deteksi ukuran jendela browser, dan gunakan penangan gambar untuk mengubah ukuran dan menyimpan gambar di server Anda pada permintaan pertama.

Dengan begitu orang-orang dengan monitor resolusi tinggi tidak diabaikan.

jujur
sumber
dapatkah Anda mendeteksi ukuran jendela browser dengan andal? mungkin .. $(window).width()dan $(window).height()di jQuery sepertinya valid!
Jeff Atwood
@ Jeff - hanya beberapa kali: stackoverflow.com/questions/2596594/...
Jeremy Boyd