Formatos de imagen explicados: JPG, PNG, WebP, AVIF, GIF, BMP e ICO
Qué formato usar para fotos, logotipos, capturas, páginas web, impresión y redes sociales, y por qué.
Cada formato de imagen es un conjunto de compromisos entre tamaño de archivo, calidad, transparencia, animación y compatibilidad. Elige el equivocado y tendrás un archivo hinchado o un logotipo borroso. Esta guía explica en qué es bueno cada formato, con los números que necesitas para decidir.
Los dos tipos de compresión
La compresión sin pérdida guarda cada píxel exactamente y solo busca una forma más eficiente de escribir los mismos datos, como hace un ZIP. Abre y guarda una imagen sin pérdida mil veces y no cambiará. PNG, BMP, GIF y el WebP sin pérdida funcionan así.
La compresión con pérdida descarta información, apuntando al detalle al que el ojo humano es menos sensible: textura fina, diferencias sutiles de color, ruido de alta frecuencia. El resultado puede pesar una décima parte de un archivo sin pérdida sin diferencia visible, pero cada nuevo guardado pierde un poco más. JPG, el WebP con pérdida y AVIF funcionan así.
La regla uno se deduce directamente: usa formatos con pérdida para fotografías, llenas de ruido y textura que nadie echa de menos, y formatos sin pérdida para gráficos con bordes nítidos, colores planos y texto, donde cada píxel importa.
Formato por formato
JPG (JPEG)
El formato de foto desde 1992. Con pérdida, color de 8 bits, sin transparencia, sin animación. Lo admite todo lo que se ha fabricado. Un ajuste de calidad de 0 a 100 controla el equilibrio; de 80 a 85 es el punto ideal del día a día. Sus debilidades son la "cuadrícula" visible con calidad baja, los halos alrededor de los bordes nítidos y la falta de transparencia. Úsalo para fotos que vayan a cualquier sitio fuera de un navegador: correo, impresión, mercadillos online, software antiguo.
PNG
Sin pérdida, hasta 16 bits de color, transparencia alfa completa, sin animación (existe APNG, pero es raro). La opción correcta para logotipos, iconos, capturas de pantalla, diagramas, gráficos y cualquier imagen que necesite fondo transparente. Su debilidad es el tamaño: una fotografía en PNG puede ser diez veces mayor que en JPG. Nunca uses PNG para fotografías en un sitio web.
WebP
El formato web de Google, hoy admitido por todos los navegadores actuales. Tiene modos con y sin pérdida, admite transparencia en ambos y admite animación. El WebP con pérdida es entre un 25 y un 35% más pequeño que JPG a la misma calidad; el WebP sin pérdida es alrededor de un 25% más pequeño que PNG. Es el mejor formato de uso general para cualquier cosa que se muestre en un navegador. Su debilidad es la compatibilidad fuera del navegador: el software de escritorio antiguo, algunos clientes de correo y muchos formularios de subida todavía lo rechazan.
AVIF
Más nuevo aún, basado en el códec de vídeo AV1. Normalmente un 50% más pequeño que JPG y un 20% más pequeño que WebP a la misma calidad, con transparencia, animación y compatibilidad con gamas de color amplias. Lo admiten todos los navegadores actuales desde 2024. La codificación es lenta, sobre todo en el navegador, y la compatibilidad en software que no es navegador sigue siendo irregular. Úsalo cuando el tamaño sea crítico y controles el entorno de visualización; sirve un WebP o JPG de respaldo a su lado.
GIF
De 1987. Limitado a 256 colores por fotograma, transparencia de un solo color y animación, que es la única razón de que siga en todas partes. Terrible para fotografías, bien para gráficos sencillos, imbatible en compatibilidad. Para imágenes fijas, PNG hace todo lo que hace GIF pero mejor; para animación, MP4 o WebP animado son mucho más pequeños.
BMP
Mapa de bits de Windows sin comprimir. Archivos enormes, sin transparencia en el uso común, sin compresión. Sobrevive solo porque es trivialmente sencillo de leer, algo que importa a los dispositivos embebidos y al software antiguo. Nunca lo uses para la web ni para almacenar.
ICO
El formato de iconos de Windows y de favicons de navegador. Contiene varios tamaños de la misma imagen en un solo archivo para que pueda elegirse el adecuado para una pestaña, un marcador o un acceso directo del escritorio. Se crea a partir de un PNG con la herramienta de PNG a ICO.
Tabla comparativa
| Formato | Compresión | Transparencia | Animación | Tamaño de foto vs JPG | Compatibilidad |
|---|---|---|---|---|---|
| JPG | Con pérdida | No | No | 1× | Universal |
| PNG | Sin pérdida | Sí, alfa completo | No | 5 a 10× | Universal |
| WebP | Ambas | Sí, alfa completo | Sí | 0,65 a 0,75× | Todos los navegadores, la mayoría de apps modernas |
| AVIF | Ambas | Sí, alfa completo | Sí | 0,5× | Todos los navegadores actuales, pocas apps |
| GIF | Sin pérdida, 256 colores | Sí, todo o nada | Sí | 2 a 4× (y peor calidad) | Universal |
| BMP | Ninguna | No | No | 20 a 30× | Universal pero rara vez usado |
Qué formato para cada tarea
- Fotos en un sitio web: WebP con calidad 75 a 85, con un JPG de respaldo si tienes que admitir navegadores muy antiguos. AVIF si quieres las páginas más ligeras posibles.
- Logotipos e iconos en un sitio web: SVG si lo tienes; si no, PNG o WebP sin pérdida.
- Capturas de pantalla: PNG. La compresión con pérdida emborrona el texto.
- Adjuntos de correo: JPG para fotos, PNG para gráficos. No envíes WebP; demasiados clientes de correo lo manejan mal.
- Impresión: JPG con calidad 95 o PNG/TIFF, a 300 píxeles por pulgada del tamaño impreso.
- Redes sociales: JPG o PNG; todas las plataformas recomprimen al subir, así que sube con calidad alta y las dimensiones correctas.
- Recortes de producto transparentes: PNG para máxima compatibilidad, WebP para la web.
- Favicons: ICO más un PNG para las pantallas de inicio de los móviles.
Convertir entre ellos
Todas las conversiones de este sitio se ejecutan en tu navegador. Las rutas más comunes son PNG a WebP y JPG a WebP para la web, WebP a JPG y WebP a PNG por compatibilidad, y PNG a JPG para reducir fotos exportadas en el formato equivocado. El compresor de imágenes se encarga de cualquiera de ellas con soporte para lotes.