GIF vs PNG
Ambos guardan fotografías, pero con compromisos distintos. Estas son las diferencias reales y cómo decidir.
Short answer
Para cualquier cosa estática, PNG gana a GIF en todos los ejes, y lleva veinte años haciéndolo. Para animación, la respuesta honesta suele ser ninguno de los dos: use un archivo de vídeo.
Why this comes up
GIF sobrevive por inercia cultural, no por mérito técnico. Se compara con PNG por una de dos razones: se tiene un GIF antiguo y se quiere modernizar, o se quiere una animación y GIF es el único formato animado cuyo nombre se recuerda. Son problemas distintos, y el segundo tiene mejor respuesta de lo que sugiere el título de esta página.
Comparación directa
| Propiedad | GIF | PNG |
|---|---|---|
| Compresión | Sin pérdida | Sin pérdida |
| Transparencia | Sí | Sí |
| Tamaño habitual | 200-400% de un JPEG equivalente | 300-500% de un JPEG equivalente |
| Compatibilidad | Se abre en cualquier parte, incluso en software de hace décadas | Se abre en cualquier parte, incluso en software de hace décadas |
| Suele venir de | Sitios web que optimizan su peso de carga | Capturas de pantalla, logotipos y gráficos |
What actually differs
GIF está limitado a 256 colores por fotograma
Esa es la restricción definitoria y la razón por la que las fotos en GIF se ven tramadas y moteadas. PNG lleva color completo de 24 bits más un canal alfa de 8 bits. Cualquier imagen con degradado, fotografía o sombreado sutil está siendo dañada activamente por la paleta de GIF, y el daño queda incrustado: convertir ese GIF a PNG conserva el tramado, no lo deshace.
La transparencia de GIF es de un bit; la de PNG, de 256 niveles
Un píxel GIF o es totalmente transparente o es totalmente opaco. No hay transparencia parcial, y por eso los logotipos en GIF muestran bordes dentados y escalonados sobre cualquier fondo distinto de aquel para el que se prepararon. El alfa de 8 bits de PNG permite bordes suavizados que se asientan correctamente sobre cualquier color. Para un logotipo o un icono, esta diferencia por sí sola zanja el asunto.
PNG sí anima, pero no es el arreglo que busca
APNG es PNG animado y está admitido en todos los navegadores actuales. Tiene color completo y alfa real, así que en términos de calidad es una mejora genuina sobre el GIF animado. Sigue siendo una secuencia de fotogramas completos sin compensación de movimiento, de modo que unos segundos de contenido tipo vídeo siguen siendo enormes. El mismo clip en MP4 o WebM es habitualmente entre 10 y 20 veces más pequeño.
Which to use
Use GIF for
Prácticamente nada nuevo. GIF solo merece conservarse cuando una plataforma no acepta otra cosa, o cuando el archivo ya existe y recodificarlo no aporta nada.
Use PNG for
Todos los casos estáticos: logotipos, iconos, capturas, dibujo lineal y cualquier cosa que necesite transparencia limpia o más de 256 colores.
One thing that catches people out
Si ha venido por una grabación de pantalla, la respuesta es un archivo de vídeo
Los clips de demostración y las grabaciones de pantalla exportados como GIF alcanzan habitualmente decenas de megabytes por unos pocos segundos, porque cada fotograma se guarda entero. Un MP4 o WebM de la misma grabación ocupa una fracción, se ve más nítido y se reproduce en línea en todas las plataformas que importan. La ventaja que le queda a GIF es que se reproduce solo y en silencio allí donde el vídeo está bloqueado, y esa lista no deja de encoger.