Resolución de pantalla para 2009. ¿800×600 ó 1024×768?
Cuando comencé a diseñar sitios web profesionalmente a principios de 2002, no como hobby como anteriormente, esta pregunta tenía una respuesta muy fácil: 800x600 sin dudarlo. Años antes, en los 90, incluso se diseñaban los sitios pensando en incluir y respetar a aquellos usuarios que aún navegaban en 640x480. La mayoría de los monitores CRT de la época sólo admitían como máximo una resolución de 800x600, o si admitían una superior el texto era demasiado incómodo y pequeño de leer, por lo que normalmente se configuraban a 800. En cuanto al diseño de los sitios, se podía optar por una disposición fija o liquida. Si se elegía esta última, el ancho del sitio se adaptaba al ancho de pantalla, todo mediante tablas especificando un porcentaje en lugar de una medida fija, al menos hasta que se comenzó a estandarizar el uso de CSS un tiempo más tarde.
Pero ahora estamos en 2009. Los viejos monitores CRT de 800x600 han ido desapareciendo poco a poco hasta prácticamente extinguirse, las pantallas planas TFT bajaron enormemente de precio y ahora, salvo excepciones, la resolución mínima con que se ven los sitios es 1024x768, cuando no mayor. En 2006 aún era pronto quizá para plantearse el cambio de resolución. Según las estadísticas que conservo de uno de mis sitios, durante el mes de abril de aquel año de 2006, más del 23% de mis usuarios usaba 800x600. Durante el mismo mes en 2007 este porcentaje se había reducido al 12,44%, siendo en 2008 y 2009 del 6,85 y 4,24% respectivamente. Según las estadísticas de navegación globales de W3Counter para marzo de 2009, basadas en una muestra de unos 22.000 sitios y más de 63 millones de visitas, la resolución de 800x600 es usada por apenas un 5% de los internautas de todo el mundo. Algunas personas, sobre todo mayores de 50 años, configuran sus excelentes pantallas TFT a 800 a pesar de tener mejores resoluciones a su disposición, por una cuestión de comodidad visual.
Pero la mayoría manda y a estas alturas ya no hay razón para, por motivos de usabilidad, anclarse en el uso de la vieja resolución de 800x600, sacrificando los beneficios de una resolución superior. Los sitios diseñados para 800 se ven diminutos en resoluciones más grandes, tu competencia seguro que se ha adaptado ya y el nuevo estándar de 1024x760 tiene sustanciales mejoras con respecto al anterior: ahora caben más elementos que antes, fotografías más grandes y tienes espacio para bloques de publicidad mejores. Como en el caso de 800, no es recomendable utilizar todo el ancho disponible para el sitio porque el navegador siempre se queda con un trozo de pantalla para la barra de scroll u otras herramientas. Para 1024 podemos establecer como ancho de nuestro sitio web una medida como 920, 940 ó 960 pixels, por ejemplo.
A continuación indico un ejemplo de CSS para una disposición de pantalla compatible con 1024 y centrada sin emplear tablas ni otros artificios:
body {
/*width: 781px;*/ /* descartamos esta resolución ya caduca */
width: 940px; /* La nueva resolución. Dependiendo del gusto
personal del diseñador puede ser 920, 960
u otras medidas, sin excederse */
margin: 0 auto;
}
Mayo 5th, 2009
Yo manejo una ancho de 860 px y se ve bien en la resolución que utiliza el 60% de mis usuarios [1024x768] y no se ve tan mal en una resolución 800×600.
Creo que en resoluciones superiores a 1.400 no se ve tan bien pero son mus pocos los usuarios que la utilizan.
Saludos!
Mayo 5th, 2009
La verdad es que estamos quedando obsoletos, y no queda otro remedio que ir cambiando conforme van viniendo los tiempos nuevos, quizás por falta de tiempo lo voy dejando para el final, “si tengo tiempo” buen post que nos recuerda que tenemos faena para hacer.
Mayo 10th, 2009
estoy diseñando con CMS y todavia hay algunos problemas con esto de la resolución.
Mayo 12th, 2009
La tendencia es la inversa cada vez veras resoluciones más pequeñas según aparezcan las tarifas planas de navegación para móviles. No los olvides que serán seguramente el navegador más usado dentro de unos años.
Mayo 13th, 2009
Todavia en las estadisticas me encuentro entre un 8 y un 10 % de las visitas que utilizan la resolución de 800 de ancho y cabe destacar un 50% de usuarios que usan 1024. Aunque hay que valorar un poco la calidad que ofreceriamos a la mayoría de usuarios sin dejar de lado a la minoria.
Mayo 14th, 2009
El título del post debería cambiar el año a 2007 o 2006 jejeje
Yo dependiendo del tipo de proyecto hago cambios en la resolución.
Proyectos minimales: centrado horizontal con un cuerpo de 700 y pico
Proyectos normales: centrado horizontal con un cuerpo de 900 y pico
Proyectos chulos: diseño líquido para verse bien desde 800 a 1400 ó más.
Si se trata de la web de un diseñador pues para que lo vean sus colegas bien mínimo 1200 de ancho.
En fín, cada proyecto tiene sus necesidades. Si ves que tus entradas vienen de móviles les haces una maquetación especial para ellos.
Mayo 16th, 2009
Gracias a todos por los comentarios.
@kico: como comenta avanzaweb, puedes hacer muy fácilmente versiones para dispositivos portátiles sin tener que sacrificar a quienes usan un puesto fijo con un monitor grande, que van a seguir existiendo por mucho que se popularicen los dispositivos móviles. Aparte, la existencia de unos no está reñida con la de los otros. Puedes crear una hoja de estilos adaptada a mini-pantallas y apuntar a ella con el parámetro media=”handheld” o bien codificar una versión especial para móviles escrita en WML, cHtml o, quizá lo mejor hoy día, Xhtml Mobile.
En cuanto a sacrificar la comodidad de los usuarios que aún ven la web en 800×600, realmente no se les quita nada de la vista, simplemente si quieren ver los detalles más a la derecha tendrán que hacer un ligero scroll. Yo pienso, y es sólo una opinión personal, que merece la pena el cambio. Esa pequeña porción de espacio ganado puede llegar a ser muy útil.
Mayo 18th, 2009
Gran post!, yo creo que si creemos que el diseño es algo inamovible, por supuesto lo que debemos hacer es adaptar el diseño al tamaño de pantalla estandar, no obstante tambén hay que pensar en las personas que no pueden adquirir otro tipo de pantallas actuales, o simplemente los modelos de portátiles actuales con dimensiones reducidas de pantalla,
Un saludo
Mayo 18th, 2009
@poker, gracias por el comentario. Los portátiles ya tienen todos una resolución mínima de 1024×600. Tengo un netbook de los más pequeños del mercado y tiene esa resolución.
Disculpas por no aprobarte el enlace. Nunca tengo enlaces en mis webs a temáticas para adultos ni juego. Gracias de nuevo.
Agosto 20th, 2009
La verdad minimo prefiero 1024×600, menor a esta no me gusta ninguna! Es un tema de costumbre y de comodidad. Depende para que utilices la pc!