Foros Diseño
Tamaño y resolución de fotos web
11 11 Respuestas Viernes 5 de agosto, 2011
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
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
Registrado desde 10/03/11 / Número de posts: 12
Depende el tamaño que quieras darle, lo que si tiene que estar siempre es a 72 ppi. -
laba
Registrado desde 08/06/07 / Número de posts: 890
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
Registrado desde 17/05/11 / Número de posts: 5
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
Registrado desde 08/04/11 / Número de posts: 70
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
Registrado desde 16/12/09 / Número de posts: 512
Dansae
Depende el tamaño que quieras darle, lo que si tiene que estar siempre es a 72 ppi.
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 -
jacobo rus
Registrado desde 10/05/07 / Número de posts: 127
Raimon
Alguien me puede explicar qué tipo de vigencia tienen hoy en día los 72 dpi? Sonará a ...
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.··························································
Jacobo @ x.a.r.o.p.e -
dem
Registrado desde 28/04/03 / Número de posts: 2115
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
Registrado desde 16/12/09 / Número de posts: 512
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 -
Raimon
Registrado desde 16/12/09 / Número de posts: 512
Gracias Laba, esa era justamente la explicación que quería leer ;-)
Raimon -
Alex Bailon
Registrado desde 06/05/11 / Número de posts: 116
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.
Áreas Domestika
- Diseño (gráfico, web, industrial, producto)
- Programación (cliente, servidor, accesibilidad)
- Ilustración (autores, inspiración, técnicas)
- Fotografía (técnica, equipo, autores)
- Motion Graphics (showreels, software, estudios)
- Publicidad (campañas, anuncios, ideas)
- Informática (software, hardware, trucos)
- 3D (técnicas, iluminación, modelado)
- Experiencia de Usuario (usabilidad, AI, HCI)
- Cine, vídeo y televisión (críticas, producción)
- Música y Audio (sonidos, loops, discos)
- Espacios (arquitectura, interiorismo)