Tamaño y resolución de fotos web
9 seguidores
Hola llevo una tiempo en esta página pero con todos los recursos que hay nunca había necesitado consultar nada .
El tema es que estoy iniciándome en esto del diseño web y hay cosas que no se muy bien como hacerlas.
Me gustaría saber si alguien me puede recomendar la resolución que debería tener una foto para colgar en una galería web y su peso recomendado.
Muchas gracias
Dansae
Depende el tamaño que quieras darle, lo que si tiene que estar siempre es a 72 ppi.
Usuario desconocido
Depende un poco del tipo de web, diría yo. Si haces una web con una fotazo a pantalla completa pues tendrá que pesar más, también depende del número de fotos que pongas, del tipo de web. No es lo mismo un portal con mucho contenido que tiene que cargar todo rápido y ser ágil que la web de un diseñador o que un site publicitario. Por ejemplo, las fotos de un periódico digital que acompañan a una noticia pueden estar en torno a 50 kb, pero como te digo eso es un caso muy concreto. Por otro lado, si abres un portfolio de domestika te encontrarás con imágenes de 150 a 300 kb, que pueden empezar a ser pesos ya a tener en cuenta.
Siempre hay que buscar un equilibrio entre que todo se vea lo mejor posible y que las cargas no sean eternas. Y, aunque como diseñador lo sufro, normalmete, el equilibrio se suele desplazar hacia el lado de la usabilidad, al menos hasta que tengamos conexiones como las asiáticas ;)
zomig
muchas gracias por vuestros consejos, concretamente lo que estoy realizando ahora es una galería web para una floristería. He cortado las imágenes a 800x600 px y el peso medio es de unos 150kb, creo que mas o menos esta bien. Tampoco quiero que el site tarde una eternidad en cargar, también supongo que será cuestión de subir la galería y probarlo.
un saludo
Michaellaspalmas
Hola Zomig,
Lo que yo hago con fotos para web:
Abrir las fotos con Photoshop, ajustar el tamaño(en tu caso 800x600 px) y guardarlos para web y dispositivos. Aqui eligo la calidad de imagen, que depende de los detailes. Con calidad 100% raras veces pesan mas que 100kb. Si tienes muxas fotos, puedes hacer un droplet.
Un saludo
Raimon
Dansae
Alguien me puede explicar qué tipo de vigencia tienen hoy en día los 72 dpi? Sonará a provocación, pero si alguien m puede iluminar un poco se lo agradeceré. Nota: creo que tengo claro el concepto de resolución, qué significa y por qué se usa en diferentes valores en contextos diferentes. Pero lo del 72 dpi no le acabo de ver el qué teniendo en cuenta el panorama variopinto de pantallas y resoluciones hoy en día...
Y una vez hecha la pregunta, mi tentativa de respuesta. Lo ideal es que para todas las imagenes que uses en web para cada pixel de la pantalla/interfaz corresponda un y sólo un pixel de la imagen. Las imágenes se pueden escalar (en web) con diferentes técnicas (de forma que un pixel de la imagen ocupa más -o menos- que un píxel de la pantalla), y el cómo queden entonces pues ya depende del renderizado que hace el navegador.
Lo importante ahí es saber que, si tu no le "dices" nada extra al navegador, las imágenes se muestran de forma que cada píxel en ellas ocupa uno de la pantalla, o lo que a veces se da en llamar visualización al 100%.
Espero haberme explicado. Lo mejor es que hagas pruebas con una foto salida de una cámara de algunos megapixeles (a partir de 2, cualquier cosa), te asegures de que el navegador no te la está reduciendo (suelen hacerlo automáticamente cuando el tamaño de la imágen rebasa el ancho o el alto de la pantalla) y verás como se muestra, con las barras de scroll para que puedas ver la imagen con esa relación 1:1 entre píxeles.
He tenido días mejores :)
Raimon
jacoborus
Raimon
En web que yo sepa no tiene ninguna vigencia. Los dpis son un atributo de impresión donde 1 pulgada = x puntos, pero en web se trabaja en píxels y los navegadores por defecto los reproducen a 1px = 1px.
dem Mod
Exacto, es un dato para impresión. Mientras que no cambiemos el tamaño físico (ancho por alto) de la foto, la resolución (PPP) no influirá para nada en la calidad con que se verá la foto en pantalla. Podemos ponerla a 72, 300, 15 o 1200 PPP, se verá exactamente igual.
Raimon
Es que incluso en impresión, en qué contexto se usan, o fueron usados los 72 dpi? o, de dónde viene la creencia popular de que las cosas en pantalla se ven a 72 dpi, cuando mi humilde capacidad lógica indica que de eso nada de nada ? (aunque me pueda oler algo por ahí) En algún momento eso que yo califico como creencia popular ¿fue algo basado en la realidad del mundo mundial?
En cualquier caso, a quién y por qué se le ocurrió! Intuyo que hay alguna explicación razonable y aleccionadora en el fondo de todo ello.
Es que durante una sesión que impartía salió ese tema -sale a menudo, en realidad- y no sé como zanjarlo. Siento amenazada mi parcela de poder.
Gracias por vuestra conmiseración. Saludos,
Raimon
Usuario desconocido
En inglés (más extenso)
en español
Raimon
Gracias Laba, esa era justamente la explicación que quería leer ;-)
Raimon
Alex Bailon
Normalmente la calidad que se usa para web, es un .jpg a 80% ya vas tirando, y dependiendo los colores, yo uso un 60%, por que el rojo por ejemplo es un color que a 60% se ve como el culo. Soy de los de pensar que siempre es mejor que una web vaya fluida si la calidad de las imágenes no se ve afectada.
Lo de las resoluciones es un mundo aparte, ya que solo te servirá para impresión. en pantalla casi todo lo que encuentres por internet lo tendrás a 72ppp. y en parte es mejor, si tu subes una foto a 72ppp a tú web, y no quieres que nadie te la copie para un trabajo o para cualquier cosa que se vaya a reproducir en impresión, es mejor que lo hagas así, ya que si la subes a 300ppp al imprimirla se verá de lujo y te pueden coger imágenes que tu no quisieras que se reprodujeran sin tu consentimiento.
y por lo del peso de las imágenes no te preocupes, si son de una resolución aceptable, (800x600 y al 80%) no te pesarán gran cosa, todo depende de la información que lleve la imagen.