La resolución de la página web es un gran problema. Muchos sitios que enseñan diseño web han escrito sobre esto y, dependiendo de quién creas, debes diseñar páginas para el denominador común más bajo (640x480), la resolución más común (800x600) o la más avanzada (1280x1024 o 1024x768). Pero la verdad es que debe diseñar su sitio para los clientes que acudan a él.
Hechos sobre las resoluciones de pantalla
- 640x480 no está muerto
- Si bien 640x480 no es tan común como solía ser, esta resolución todavía existe. Las computadoras más antiguas, las computadoras portátiles con pantallas más pequeñas, las netbooks y las personas que necesitan fuentes más grandes usan esta resolución. Incluso si elige no diseñar su página para esta resolución, debe probar su sitio en esta resolución.
- 800x600 es muy común
- Muchas guías de diseño de sitios web recomiendan diseñar sitios web para una resolución de 800x600. Si bien esta resolución es más común en la web en general, puede que este no sea el caso para sus clientes. Si planea rediseñar su sitio web, tómese unas semanas para analizar las estadísticas de su navegador para determinar las resoluciones más comunes que usa tu clientes.
- 1024x768 es mucho más común
- Las pantallas son cada vez más grandes y 1024x768 es el otro tamaño popular para el diseño, ya que muchos diseñadores tienen monitores que lo admiten de forma nativa. Pero esta resolución puede ser bastante difícil de leer para muchas personas. Un monitor de portátil de 14 pulgadas puede admitir 1024x768, pero el texto es virtualmente ilegible. Y las computadoras portátiles son muy populares.
- 1280x1024 y mayores son menos comunes
- En su mayoría, verá estas resoluciones más grandes en computadoras de escritorio o computadoras portátiles de gama alta. Pero a menudo en estos tamaños más grandes, los clientes no están navegando a pantalla completa. Por lo tanto, diseñar un sitio que tenga más de 1000 píxeles provocará barras de desplazamiento horizontales en la mayoría de las pantallas.
Mantenga estos Tidbits de resolución en mente
- No todos maximizan su navegador
- Si determina que sus clientes navegan a 1024x768, puede que esté creando páginas que requieran desplazamiento horizontal. ¿Por qué? Porque mientras navegan a esa resolución, no maximizan la ventana de su navegador, por lo que 800x600 podría ajustarse mejor a la ventana de su navegador.
- No olvide el navegador Chrome (no el navegador Google Chrome)
- Los navegadores restan hasta 50 píxeles a la derecha e izquierda, y 200 píxeles en la parte superior e inferior para su propio uso para cosas como barras de desplazamiento, barras de herramientas y el contenedor de la ventana. Esto se llama navegador chrome. Por lo tanto, si crea una tabla de 800 píxeles de ancho, los clientes con navegadores maximizados en pantallas de resolución 800x600 tendrán que desplazarse horizontalmente.
Cómo manejar el tamaño de la pantalla según la resolución
-
Determine quién ve su sitio: Revise sus archivos de registro web o coloque una encuesta o un script para determinar qué resolución utilizan realmente sus lectores. Use la secuencia de comandos del tamaño del navegador del mundo real para rastrear a sus lectores.
-
Base sus rediseños en sus clientes:Cuando rediseñas tu sitio, constrúyelo en base a los hechos de tu sitio web. No se base en estadísticas de "la web" o lo que dicen otros sitios. Si crea un sitio que se ajuste a la resolución que usan sus clientes, los mantendrá mucho más felices.
-
Pruebe su sitio en varias resoluciones:Cambie el tamaño de su propia pantalla (cambie la resolución de pantalla de Windows o la resolución de pantalla de Macintosh) o use una herramienta de prueba.
-
No espere que sus clientes cambien: Ellos no lo harán. Y ponerles restricciones solo los alienta a irse.
