Tamaño de la página web en photoshop
Antes de que los teléfonos inteligentes y las tabletas se hicieran populares, los diseñadores web creaban páginas de ancho fijo que funcionaban en los tamaños de pantalla más comunes: normalmente 1024 píxeles de ancho por 768 píxeles de alto. Todo esto cambió alrededor de 2013 con el aumento masivo del uso del iPhone para navegar por la web. Ahora no hay una única respuesta a “¿qué tamaño debe tener mi página web?” – todos los sitios web deben ser responsivos.
El diseño responsivo significa crear páginas web que se adapten a diferentes dispositivos y tamaños de pantalla. Utiliza el mismo contenido, pero lo presenta de forma diferente según se utilice un teléfono móvil, un iPad, un portátil o un ordenador de sobremesa. Responde a las diferentes interacciones, como los estados hover para los usuarios con ratón y los eventos de clic para las pantallas táctiles, y cambia el diseño para adaptarse a la pantalla disponible.
Un punto a tener en cuenta es que el hecho de tener espacio de pantalla disponible no significa que haya que utilizarlo. Los diseños que se extienden a todo lo ancho en todos los tamaños de pantalla pueden resultar ilegibles en pantallas muy anchas. Por ejemplo, una página de 1300px de ancho es legible en dos columnas, pero es lo máximo que la mayoría de la gente puede leer cómodamente en una sola columna de texto. Nos resulta más fácil seguir el texto que se envuelve en bloques más pequeños.
Diseño del tamaño del sitio web
No creo que haya una resolución definitiva, por lo que deberías comprobar las estadísticas de la página web en cuestión (si la página ya existe), para decidir qué resolución es la más adecuada. Si no puedes hacer esto, puedes comprobar las estadísticas de tu mercado objetivo en http://gs.statcounter.com/
Sin embargo, hay que tener en cuenta que hoy en día los sitios web se ven en mucho más que en ordenadores de sobremesa, por lo que la respuesta podría variar en función del estilo del sitio. Por ejemplo, 960px sería una anchura pobre para una hoja de estilo móvil.
En general, para un sitio web de ancho fijo, destinado a ser leído en una pantalla de ordenador, hoy en día, yo diría que alrededor de 1000px (porque ya no hay resolución de 800*600 y lo mínimo que se puede encontrar es 1024*768).
Por experiencia, para la web diría una anchura mayor de 850 y menor de 1000 px preferiblemente en los 900 y una altura de unos 750 px, pero ten en cuenta que la altura sería variable en caso de contenido dinámico. por lo que la altura se podría poner al 100% o automática.
El tamaño más común es entre 900-1000 píxeles hay algunas buenas fuentes para el uso de tamaño de la pantalla que la mayoría de la gente tiende a desgin para el grupo más grande. sobre todo su asumido cualquier persona con una pantalla de 800 por 600 no quiere estar haciendo mucho negocio. es decir, corto de dinero (gran generalización)
Html imprimir página personalizada ( tamaño)
Lo primero que la mayoría de los diseñadores tienen en cuenta a la hora de crear su página web es para qué resolución diseñar. En realidad, esto equivale a decidir el ancho de su diseño. Ya no existe una anchura estándar para las páginas web.
En 1995, los monitores estándar de 640 píxeles por 480 píxeles eran los más grandes y mejores disponibles. Esto significaba que los diseñadores web se centraban en hacer páginas que se vieran bien en los navegadores web maximizados en un monitor de 12 a 14 pulgadas con esa resolución.
Hoy en día, la resolución de 640 por 480 representa menos del 1% del tráfico de los sitios web. La gente utiliza ordenadores con resoluciones mucho más altas, como 1366 por 768, 1600 por 900 y 5120 por 2880. En muchos casos, diseñar para una pantalla con resolución de 1366 por 768 funciona.
Todya, la mayoría de la gente tiene monitores grandes de pantalla ancha y no maximizan la ventana del navegador. Así que si decides diseñar una página que no tenga más de 1366 píxeles de ancho, tu página probablemente se verá bien en la mayoría de las ventanas del navegador incluso en monitores grandes con resoluciones más altas.
Comprobación del tamaño de la página
La mayoría de las páginas web siguen un conjunto de tamaños y diseños comunes, que reconocerás aunque no seas consciente de ello. Por ejemplo, ¿sabías que nueve de los diez sitios web más populares del mundo utilizan un diseño de ancho fijo y alineado en el centro? Quizá usted también debería saberlo.
Nuestro artículo sobre el tamaño y la disposición de las páginas web desglosa el diseño web en conceptos sencillos y le ayuda a decidir el formato de su sitio web. Para entender para qué sirven los distintos elementos de una página y por qué los necesitas, lee nuestra anatomía de una página web.
Esta es la primera decisión que hay que tomar a la hora de diseñar un sitio web. Tienes dos opciones: un ancho fijo o un diseño fluido. En términos sencillos, los sitios de ancho fijo se verán igual en todas las pantallas, independientemente de su anchura, mientras que los sitios fluidos se expandirán para llenar la pantalla.
El tamaño medio de estas páginas web es de unos 960 píxeles, que es lo que cabría esperar ya que la mayoría de las resoluciones de pantalla son de 1024×768 o más. Los datos de W3Schools de enero de 2011 revelaron que alrededor del 1,1% de los usuarios tenían una pantalla más pequeña que esta, una cifra que seguirá disminuyendo.
