Crear un GIF animado a partir de fotogramas PNG: guía práctica
6 min de lectura
¿Cuándo es correcto producir un GIF a partir de PNG?
Tienes una serie de fotogramas PNG y quieres convertirlos en un único archivo animado. Esa necesidad suele surgir en tres sitios: una animación que has exportado fotograma a fotograma desde una herramienta de diseño, imágenes extraídas de una grabación de pantalla o un bucle sencillo que has preparado a mano.
Hay que decirlo desde el principio: GIF no es, en sentido moderno, el mejor formato para este trabajo. El WEBP animado y los formatos de vídeo cortos dan a la vez archivos más pequeños y mejor color. La razón legítima para elegir GIF suele ser la compatibilidad: algunas plataformas, software de foros, clientes de correo, aplicaciones de mensajería y sistemas corporativos siguen aceptando únicamente GIF o reproduciéndolo automáticamente. Si tu destino es un sitio así, GIF es la elección correcta.
En este artículo explicamos la conversión paso a paso y planteamos una expectativa realista sobre cómo se verá la salida.
El único hecho que debes conocer antes de convertir
GIF guarda como máximo 256 colores por fotograma. No es una elección flexible del formato, sino un límite tajante incrustado en su estructura de archivo.
Tus PNG son probablemente mucho más ricos. Un fondo con degradado salido de una herramienta de diseño, las sombras suaves de una captura de pantalla, el fotograma de una fotografía: todo eso puede contener millones de tonos de color. Al convertirse a GIF, todos ellos se reducen a 256 colores, y esa reducción es permanente.
Su equivalente práctico es este: el contenido de colores planos, sobrio y con pocos tonos pasa casi sin degradarse. El contenido con degradados, sombras y texturas fotográficas, en cambio, cambia de forma visible: aparecen bandas y se pierden las diferencias finas de tono.
Saberlo de antemano te evita mirar la salida y preguntarte "¿estará estropeada la herramienta?".
Creación del GIF paso a paso
1. Nombra correctamente tus fotogramas. Este es el paso que más errores provoca. La mayoría de las herramientas ordenan los archivos alfabéticamente. Si los llamas fotograma1.png, fotograma2.png, fotograma10.png, el fotograma10 irá alfabéticamente antes que el fotograma2 y tu animación se creará en el orden equivocado. Lo correcto es usar dígitos fijos: fotograma01.png, fotograma02.png, fotograma10.png.
2. Pon todos los fotogramas en el mismo tamaño. Si las dimensiones en píxeles de los fotogramas son distintas, la animación dará saltos o los fotogramas se recortarán. Antes de convertir, asegúrate de que todos tienen el mismo ancho y alto.
3. Baja la resolución de entrada. El tamaño de archivo de un GIF crece rápidamente con la resolución. Si vas a mostrar la animación pequeña en una aplicación de mensajería o dentro de un blog, reducir los fotogramas en su origen es el control de tamaño más eficaz. En lugar de reducir después, reduce primero y produce luego el GIF.
4. Abre la herramienta de conversión de PNG a GIF y sube tus fotogramas. Después de subirlos, comprueba el orden en pantalla con tus propios ojos; aunque el nombre de archivo sea correcto, no te saltes esta comprobación.
5. Ajusta el retardo entre fotogramas. GIF guarda un tiempo de espera para cada fotograma. Un tiempo corto da una animación rápida y fluida; uno largo, una animación lenta y con los fotogramas percibidos de uno en uno. Si tienes pocos fotogramas, aumentar la velocidad no aporta fluidez, solo acelera los saltos.
6. Determina el ajuste de bucle. Un GIF puede repetirse infinitamente o repetirse un número determinado de veces y pararse. En animaciones que explican un proceso, el bucle infinito puede cansar al espectador; una reproducción única puede resultar más adecuada.
7. Prueba la salida en el entorno real de uso. No te limites a abrir el GIF en tu ordenador y mirarlo. Pruébalo allí donde vayas a subirlo: algunas plataformas aplican límites de tamaño y otras recomprimen el GIF automáticamente o lo convierten en vídeo.
Mantener el tamaño de archivo bajo control
GIF es un formato ineficiente y el tamaño se descontrola rápido. Estas son las intervenciones eficaces:
Baja la resolución. Aquí está la mayor ganancia. Reducir el ancho a la mitad deja el número de píxeles en una cuarta parte.
Reduce el número de fotogramas. Cada fotograma suma directamente al archivo. Si el movimiento se entiende igual, saltarse fotogramas intermedios baja notablemente el tamaño.
Mantén fijo el fondo. Si hay zonas que no cambian entre fotogramas, la compresión puede aprovecharlo. Un fondo que parpadea o cambia continuamente hincha el tamaño.
Reduce la variedad de colores. Como de todos modos vas a bajar a 256 colores, mantener sobrios los fotogramas de origen reduce las bandas y además achica el archivo.
Recorta los márgenes innecesarios. Cada píxel de la imagen repercute en el tamaño de archivo.
Errores frecuentes
Producir GIF a partir de fotografías. Los fotogramas fotográficos se degradan de forma notable al reducirse a 256 colores y aun así el archivo sale grande. Si quieres una animación fotográfica, GIF es el formato equivocado; busca vídeo o WEBP animado.
Esperar transparencia. Si tus PNG tienen bordes suaves y semitransparentes, GIF no puede conservarlos. GIF solo admite transparencia binaria: un píxel es o completamente transparente o completamente opaco. Los bordes suaves se convierten en un contorno dentado o se mezclan con el fondo dejando un halo sucio.
No comprobar el orden. Es el error más frecuente y el más fácil de evitar.
Borrar los PNG de origen. Desde el GIF no hay vuelta atrás; la pérdida de color es permanente. Conserva los fotogramas para poder regenerarlos más adelante en otro formato o con otro ajuste de velocidad.
En resumen
Producir un GIF a partir de fotogramas PNG es técnicamente sencillo, pero la calidad del resultado depende en gran medida de la estructura de color de tu contenido de origen. El contenido sobrio, de colores planos y pocos tonos, pasa sin problemas. Los fotogramas con degradados y texturas fotográficas se degradan de forma visible ante el límite de 256 colores. Nombra bien los fotogramas, baja la resolución de entrada, comprueba el orden con tus propios ojos y conserva los PNG de origen. Si eliges GIF porque la compatibilidad lo exige, vas por buen camino; si lo eliges por pura costumbre, conviene mirar alternativas más eficientes.
Preguntas frecuentes
¿Cómo se determina el orden de los PNG?
La mayoría de las herramientas ordenan alfabéticamente por nombre de archivo. Por eso, al nombrar los fotogramas con números, es crítico añadir ceros a la izquierda; si los llamas fotograma1, fotograma2, fotograma10, el fotograma10 irá alfabéticamente antes que el fotograma2 y la animación se creará en el orden equivocado. El método correcto es una nomenclatura de dígitos fijos: fotograma01, fotograma02, fotograma10. Después de subirlos, comprueba siempre el orden con tus propios ojos.
¿Cómo ajusto la velocidad de la animación?
El formato GIF guarda un tiempo de espera distinto para cada fotograma, normalmente expresado en milisegundos. Las herramientas lo presentan como un único ajuste de velocidad y aplican el mismo tiempo a todos los fotogramas. Un retardo más corto da una animación más fluida pero más rápida; ahora bien, si tienes pocos fotogramas, una reproducción rápida hará que el movimiento se vea a saltos. Si quieres fluidez, la solución no es aumentar la velocidad, sino añadir fotogramas intermedios.
¿Por qué los colores de mis PNG se ven distintos en el GIF?
El formato GIF puede guardar como máximo 256 colores por fotograma y es un límite tajante incrustado en su estructura. Tus PNG pueden estar transportando millones de colores; al convertirlos a GIF, esos colores se reducen a la fuerza a una paleta de 256. Los degradados suaves se convierten en bandas escalonadas y los tonos parecidos se funden en un solo color. Para enmascararlo, el software aplica dithering, es decir, salpica puntos, y eso a su vez se percibe de cerca como una textura arenosa.
¿Por qué es tan grande el archivo GIF resultante?
GIF usa un método de compresión antiguo e ineficiente; guarda datos de imagen aparte para cada fotograma y no puede hacer las optimizaciones avanzadas entre fotogramas que sí hacen los formatos modernos. El número de fotogramas, la resolución y la cantidad de movimiento aumentan directamente el tamaño. Para reducirlo, baja la resolución, reduce el número de fotogramas y, si es posible, mantén fijo el fondo. Si el tamaño es crítico, el WEBP animado o los formatos de vídeo dan un resultado mucho más eficiente.
Pruébalo ahora mismo con PNG → GIF Dönüştür.
Probar PNG → GIF Dönüştür