La resolución de una web depende del dispositivo desde el que se vaya a acceder de forma mayoritaria.
iMac 21" > 1.980 x 1.020 px
iPad > 1.024 x 768 px
iPhone 4 > 960 x 640 px
iPhone 3Gs y 3G > 480 x 320 px
Blackberry Curve 8520 > 320 x 240 px
Para que una página web sea visible al 100% sin usar las barras de scroll recomendamos que su diseño se realice con una resolución de 1.000 x 600 px (ancho x alto)
La resolución más común es 1.024 px de ancho. Si restamos los pixeles de la barra de scroll se nos queda en 1.000 px. Si la pantalla es más ancha sólo hay que centrar el contenido. Hay layouts que se "expanden" para adaptarse al tamaño disponible, pero están pensados para websites con mucho contenido de texto y por columnas, al estilo periódico o blog.
La altura es de 600 px. Si a los 768 px restamos las barras superiores del navegador (menú, herramientas, favoritos…) e inferiores (barra de estado) nos quedamos con 600px. Todo lo que supere los 600 px de alto quedará oculto si no se usa el scroll.
Aunque el diseño sea de 1.000 x 600 px habrá gente que tendrá la pantalla más grande y por tanto hay que rellenar el espacio con algo: un color o una textura que se pueda repetir indefinidamente. También se puede utilizar una imagen de fondo, pero ha de ser muy grande para rellenar pantallas de resolución superior (1.920 x 1.080 px, por ejemplo) pero siempre teniendo en cuenta que la página tardará más en cargar. Existe un javascript para redimensionar automáticamente (no es recordable usar una imagen de fondo porque las fotos no se redimensionan automáticamente una imagen en función de la pantalla, pero no consiguen una imagen nítida.
En las pantallas más anchas como por ejemplo el iMac de 27" que ofrece una resolución de 2.560 x 1.440 píxeles el navegador no suele ocupar todo el ancho de la pantalla
los sites más comunes tienen un espacio de menos de 1.000 px de ancho (youtube, facebook, twitter, etc) y el usuario no está haciendo resize en cada website. Más de 1.000 px de ancho no ayuda a la lectura.
DIAGRAMACIÓN LÍQUIDA ELÁSTICA
La mejor opción, y que suele utilizarse en la mayoría de sites Flash a fullFrame es la diagramación líquida elástica. Esto no es más que definir un tamaño mínimo, por ejemplo 800x600, por debajo del cual el usuario tendrá que utilizar las barras de scroll y que asegura un tamaño mínimo para que no se solapen los elementos de la interfaz (que no desaparezca por ejemplo un trozo de menú principal, tapado por la sección de "news") y un tamaño máximo, por ejemplo 1.280x1.024 px por encima del cual la interfaz permanecerá centrada y con este tamaño como máximo (lo que por ejemplo garantiza que el usuario no tendrá que recorrer media pantalla para ir del menú principal a la sección de "news").
Las paginas que se ven bien a 800x600 es porque o bien están hechas con medidas fijas o bien con medidas porcentuales (diseño líquido) donde el ancho máximo es el que define la resolución del monitor.