¿Cuál es el mejor tamaño para mostrar el tamaño de pantalla completa de una captura de pantalla de la aplicación?

11

Quiero maximizar el tamaño de la captura de pantalla y evitar la barra de desplazamiento o el desbordamiento para el máximo también.

¿Qué talla me recomiendan?

Estoy usando lightbox.

images browsers screenshot Stephen Ostermiller
fuente

Respuestas:

14

Aquí está la excelente herramienta de tamaño de navegador de Google que muestra cuánto porcentaje de usuarios verá las diferentes áreas de su sitio web. Esto realmente ayuda a revisar las páginas web y garantizar que las personas en pantallas 'poco profundas' (la mayoría de las computadoras portátiles tienen pantallas muy amplias pero muy poco profundas / no profundas) pueden ver su contenido importante y sus llamados a la acción.

herramienta de tamaño de navegador google

Actualización : Google ahora ha agregado esta funcionalidad a Google Analytics, permitiéndole ver cuánto pueden ver sus visitantes en su sitio: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html

Google Analytics con nueva funcionalidad de tamaño de navegador

nthonygreen
fuente
Los gráficos son una especie de ghetto para una aplicación de Google, pero parece una herramienta muy útil, y supongo que probablemente actualicen los desgloses porcentuales regularmente para que tenga los últimos datos de tamaño de pantalla.
Lèse majesté
¡Sí, gueto es la palabra correcta! Está en Labs, así que no estoy seguro de qué tan bien se mantenga, pero es una revelación para los diseñadores con pantallas gigantes.
nthonygreen
Ah, estaba equivocado. La imagen no se genera en vivo a partir de los datos del usuario. Simplemente está superponiendo una imagen estática sobre la página web, y parece que no la han actualizado en aproximadamente un año: browsersize.googlelabs.com/static/…
Lèse majesté
1
Como nota rápida, si su pantalla es más ancha que cierto tamaño, la imagen simplemente se repite. En mi 2560x1440 iMac, puedo verlo casi dos veces. Tampoco funciona bien con contenido centrado.
BR
3
Esta herramienta parece pobre, si su sitio no tiene un ancho fijo, entonces se escalará a su navegador, y la superposición es totalmente incorrecta.
seda
2

Esto podría variar según el sitio y la base de usuarios, pero muchos sitios web aún admiten un ancho de pantalla de 1024 píxeles de ancho (porque todavía hay una base de usuarios considerable que usa esa resolución). Por lo tanto, querrá que su imagen sea lo suficientemente grande como para caber en un espacio de 1024 píxeles de ancho. Supongamos que tiene 15 píxeles de cromo en los lados izquierdo y derecho de su caja de luz y desea un margen de 30 píxeles a cada lado para las personas con resoluciones de monitor de 1024 píxeles de ancho.

1024 - 30px (lightbox chrome) - 60px (márgenes) = imagen panorámica de 934px.

Una vez más, los detalles pueden ser diferentes para su sitio, especialmente si desea que los bordes de la caja de luz se coloquen en un determinado punto en relación con su página o si está tratando de encajar en una cuadrícula o algo así.

binario organico
fuente
1

Una solución genial sería subir las capturas de pantalla a una resolución máxima de 2560x1600. Luego, cuando se carga la página, detecta el tamaño de la ventana del navegador y usa un controlador de imagen para cambiar el tamaño y guardar la imagen en tu servidor en su primera solicitud.

De esa manera, las personas con monitores de alta resolución no se descuidan.

Franco
fuente
¿Puedes detectar de manera confiable el tamaño de la ventana del navegador? tal vez ... $(window).width()y $(window).height()en jQuery parece ser válido!
Jeff Atwood
@Jeff - solo algunas veces: stackoverflow.com/questions/2596594/…
Jeremy Boyd el