PNG vs GIF

PNG para imágenes fijas; GIF solo cuando algo tiene que moverse.

¿Cuándo PNG?

PNG para cualquier imagen fija. Más colores, mejores bordes y archivos más pequeños que un GIF del mismo contenido.

¿Cuándo GIF?

GIF únicamente cuando hace falta animación y el destino no admite vídeo: un correo, un README, un ticket.

Lo que casi siempre se pasa por alto

GIF está limitado a 256 colores. Una fotografía guardada así se llena de bandas y de puntos, y ese daño es irreversible.

Qué hace realmente pasar de PNG a GIF

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as GIF.

GIF36 KB3.8× smaller

Una escena fotográfica: degradados suaves, bordes blandos, algo de grano. Es el caso para el que GIF está hecho, o justamente no lo está, y las cifras enseñan cuál de los dos. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as GIF.

GIF8 KB8% larger

Un fondo transparente y un degradado sobre la forma. GIF conserva las dos cosas, solo una, o rellena la transparencia con un color fijo, y esa es la diferencia con la que tropieza casi todo el mundo. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as GIF.

GIF6 KB2.4× larger

Colores planos y bordes duros, como en una interfaz, un diagrama o un logotipo. Se comporta de manera completamente distinta a la foto de arriba, y por eso la respuesta es: depende de lo que haya dentro del archivo. Las dos imágenes se dibujan por código y las codifica el mismo conversor que funciona en esta página, así que las cifras de tamaño son nuestra propia salida.

Lado a lado

PNG y GIF comparados fila a fila: qué guarda cada formato y qué cuesta.
PNGGIF
Full namePortable Network GraphicsGraphics Interchange Format
Extensión.png.gif
Tipo de medioimage/pngimage/gif
CompresiónSin pérdida — no se descarta nadaSin pérdida — no se descarta nada
Esta página puede escribirloSíSí

¿Ya lo tienes claro? Convierte aquí

De dónde salen estas cifras

Lo que esta página afirma sobre PNG and GIF se puede comprobar: aquí están los documentos que lo fijan.