Problema con redimensionamiento de GIFs animados
4 seguidores
Muy buenas
Uno de mis cometidos es el preparar imágenes animadas GIF que luego se visualizan en terminales móviles.
Normalmente suelo preparar unos tamaños específicos y después por programación se redimensionan según el terminal del cliente. Lo que me he dado cuenta es que muchas veces al ver un gif redimensionado se pueden ver en los diferentes frames rebordes y contornos del frame anterior.
He probado a hacerlos en Photoshop (varias versiones) y en Fireworks y me da el mismo problema.
¿Alguien sabe a que puede ser debido?
Muchas gracias de antemano.
jose oliveras
Hola
Probablemente sea porque los gifs animados están codificados como "color indexado" (256 colores) y no soportan nada bien las redimensiones.
Saludos
Loquillo
Hola José, no creo que sea eso, ya que en algunas imágenes cuando las he redimensionado no les ocurre. No se si es algo de configuración del Photoshop
jose oliveras
Tendría que ver las imágenes, pero en principio las imágenes que contienen, o son, "fotos" lo soportarán mejor que los que son "tintas planas" o textos, el % de escalado también afecta, si es proporcional en pixeles a la imagen original se suele visualizar mejor. Aquí la suerte o casualidad también juega su papel.
Loquillo
Suelen ser los bordes de las imágenes lo que alguna vez queda como basura. Lo que suele ser peor son los textos, suelo utilizar cuerpos de tipografía anchos y normalmente con algún borde para resaltar mejor el texto, y ahí es donde suele mostrarse los contornos (basura) en el frame siguiente. Los escalados van siempre en proporción para no desvirtuar el contenido (algunas veces se pixela, sobre todo cuando el escalado es muy acusado de un tamaño a otro)
Puedes hacer una prueba si tienes curiosidad. Creas un banner 430x70 por ejemplo, con 2 frames y utiliza una fuente como una Futura Bold o extra bold con un contorno de color de unos 3 pixeles, un texto en un lado y el otro texto en otro lado....La animas y cuando lo compruebas en Explorer ampliando la imagen en el navegador con ctrl + rueda del scroll del mouse (Yo tengo la versión 9. En Chrome y Firefox no pasa, yen Opera alguna veces también aparece) veras lo que te comento.
La cuestión es que cuando luego se ve en un móvil se ve como lo muestra Explorer
No se si cortarme la venas o dejármelas largas........
DegoSan
Hola Loquillo,
tenía el mismo problema que tu, el error solo se reproducía en Internet Explorer cuando el tamaño de texto estaba diferente al 100%. Después de hacer mil pruebas y volverme un poco loco buscando he descubierto la solución al problema.
Al crear el .gif en Photoshop tienes que desmarcar la casilla de transparencia.
Espero que te sirva esto para solucionar el problema.
Saludos
Loquillo
Hola DegoSan, ante todo muchas gracias, llevaba ya tiempo que lo había dejado por imposible este tema, he puesto en prueba el consejo que me has dado, pero por desgracia me sigue pasando lo mismo. Las imágenes que hago tienen que tener una transparencia y si desmarco el chec a la hora de hacer el banner, cuando este se ve en explorer sale incluso peor.
Saludos
chicote
La redimensión no deberías hacerla desde un gif comprimido, sino desde el original RGBA sin comprimir.
Usuario desconocido
Segun cuentas "se redimensionan por programacion", ahi esta el problema, si los importas en fireworks y los reexportas no te ocurrira, pero al redimensionarlos el servidor dara igual como los hagas de origen porque el que los procesa es el codec de redimensionado del server y, no lo hace bien, a lo mejor ni siquiera les sube la cantidad de colores antes de procesarlos. Quiza si no limitas la cantidad de colores del gif (para ahorrar kbs) mejore algo la situacion. Creo que la unica solucion seria generarlos directamente para los tamaños que necistes o utilizar js en vez de gifs animados.
Loquillo
El problema no es la programación, es por la conversión de Photoshop, ya que he realizado alguno sin que los procesará el servidor y al verlo en el navegador (ampliando) sale el mismo efecto de rastro del frame anterior. Concretamente ayer hice la prueba siguiendo el consejo de DegonSan y me ocurrió lo mismo.... Ya he consultado con más gente y tampoco me saben decir a que puede ser debido...... Lo que no se es si con versiones más nuevas de Photoshop ocurre lo mismo.