Foros del Web » Creando para Internet » Diseño Gráfico »

Problema con escalado de imágenes

Estas en el tema de Problema con escalado de imágenes en el foro de Diseño Gráfico en Foros del Web. Hola, tengo una página de inicio con varias imágenes tabuladas de logotipos de marcas de gafas en formato GIF, en ls cuales si pinchas vas ...
  #1 (permalink)  
Antiguo 21/01/2009, 01:57
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 20 años, 10 meses
Puntos: 3
Problema con escalado de imágenes

Hola, tengo una página de inicio con varias imágenes tabuladas de logotipos de marcas de gafas en formato GIF, en ls cuales si pinchas vas en cada una vas a la sección correspondiente. Para haceros una idea mucho mejor, podeis verlo aquí:

http://www.gafasvalencia.com

Como vereis (si es que aún no lo he cambiado el código), se muestran bastante mal, sobretodo con IE (FF aplica algo de suavizado pero no el suficiente). El motivo es porque en principio se mostraban en un tamaño mayor (su tamaño real), pero para mejorar la presentación tuve que hacer que se mostraran a un tamaño menor. Así que calculé su escala en pixels al 60% y directamente se lo añadí a la imagen con px, no con %:

style="width:100px; height:36px;" (el tamaño real es 168x60)

De momento hice eso porque escalar las imágenes con porcentajes es inconsistente (si no me equivoco, los porcentajes se aplican con respecto al contenedor, no a la imagen en sí).

Qué me sugerís?? No tengo más remedio que hacer las imágenes a un tamaño real de 100x36 para que se vean bien?? Hay alguna forma de reducir proporcionalmente sin que se vean mal las imágenes?
  #2 (permalink)  
Antiguo 21/01/2009, 04:40
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 18 años, 6 meses
Puntos: 55
Respuesta: Problema con escalado de imágenes

si quere que sea proporcional al ancho solo pones with y si queres q sea en altura le pones height pero no ambas
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 21/01/2009, 05:24
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 20 años, 10 meses
Puntos: 3
Respuesta: Problema con escalado de imágenes

Hola Emilio, haciendo eso pasa lo mismo que como digo arriba, solo que en FF sale el suavizado muy bien (mejor que antes), pero en Explorer los GIFS siguen apareciendo horribles (creo que incluso peor). No se reducen con suavizado. Es como si no se les aplicase antialias.
  #4 (permalink)  
Antiguo 21/01/2009, 05:46
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Problema con escalado de imágenes

Tigervl, creo que lo acertado es hacer el rescalado con algún programa de edición gráfica. Convertir el lote no te llevará más de 2 minutos.
Hace ya un tiempo en el foro de diseño se trató el tema y se mencionaron varios programas que lo hacen (a parte del ps)
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 21/01/2009, 10:05
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 20 años, 10 meses
Puntos: 3
Respuesta: Problema con escalado de imágenes

Cita:
Iniciado por kseso? Ver Mensaje
Tigervl, creo que lo acertado es hacer el rescalado con algún programa de edición gráfica. Convertir el lote no te llevará más de 2 minutos.
Hace ya un tiempo en el foro de diseño se trató el tema y se mencionaron varios programas que lo hacen (a parte del ps)
Un saludo
No si es que ya he probado con el mismo photoshop, haciendo las reducciones por lote y selecionando el resampleado idóneo para reducciones, y como digo, sale mal.

Mi hipótesis es que reducir un GIF pequeño de 72 ppp y monocromo (blanco y negro) a un tamaño algo más pequeño no da buenos resultados, salen las imágenes dentadas y bastas.

Así que he optado finalmente por volver a retomar todos los logotipos uno por uno en formato vectorial y desde ahí reducirlos y una vez en el tamaño deseado pasarlos a GIF. De esta manera evito un resampleado y las imágenes salen nítidas incluso en pequeño.

Pero bueno, preguntaba por si había alguna forma de haberme evitado esto.
  #6 (permalink)  
Antiguo 21/01/2009, 13:58
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Respuesta: Problema con escalado de imágenes

Resamplear un gif no es una buena idea por una razón. Es una imagen de paleta.

Un resampleado implica suavizar la imagen, y esto necesita colores intermedios. Cuando tenemos una paleta definida estos colores intermedios pueden no ser suficientes o incluso inexistentes.

Puedes resamplear con Irfanview un lote de gifs, con opciones avanzadas te los puede convertir primero a 24 bits. Probablemente te conviene usar de ahí png.
  #7 (permalink)  
Antiguo 21/01/2009, 14:00
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Respuesta: Problema con escalado de imágenes

Mensaje movido al foro de Diseño gráfico desde CSS.

Saludos,
  #8 (permalink)  
Antiguo 21/01/2009, 14:03
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Respuesta: Problema con escalado de imágenes

Ojo. Si el gif se está usando para dar transparencia, este efecto se pierde justamente por este suavizado. En un gif la zona de transparencia debe estar bien definida por un borde duro, no suavecito.

En ese caso probablemente habrá que optar por reducir solo al 50%. O de plano migrar a png y usar su canal alpha para la transparencia.

Si el caso es para un gif animado tal vez el proceso es convertir a 24 bits. Photopaint puede hacer esto, pero solo se podrá salvar ya como avi. Resamplear y después volver a cambiar la paleta para salvar como gif.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:19.