Formatos de imagen comparados: JPEG, PNG, WebP, AVIF y HEIC

JPEG, PNG, WebP, AVIF y HEIC son cinco maneras de guardar una imagen, y no son intercambiables: cambian en cómo comprimen, en si admiten transparencia o animación y en quién puede abrirlas. La guía de formatos de imagen de MDN, la documentación web de Mozilla, lo resume en una frase: el formato se elige por la compresión, la calidad, la compatibilidad con los navegadores y si hacen falta transparencia o animación.

Repasamos para qué sirve cada uno, qué es comprimir con o sin pérdida, qué navegadores los abren, por qué Apple guarda las fotos del iPhone en su propio formato y cuál conviene en cada caso, con la documentación de MDN, Google, la Alliance for Open Media, el comité JPEG y Apple consultada el 5 de octubre de 2026.

---

Con pérdida o sin pérdida: lo primero que hay que entender

MDN distingue dos caminos: la compresión con pérdida descarta parte de los datos de la imagen para lograr archivos mucho más pequeños, y la compresión sin pérdida reproduce el original exactamente. En fotografías, el detalle descartado es más difícil de ver; en capturas de pantalla, diagramas, logotipos y dibujos de líneas se notan mucho los bordes borrosos y los halos de color alrededor del texto.

La transparencia depende del canal alfa, un valor más por píxel que indica lo opaco que es, y la animación, de poder guardar varios fotogramas en un mismo archivo, como hace el GIF. La profundidad de color se mide en bits por componente: 8 significa que el rojo, el verde y el azul de cada píxel usan 8 bits cada uno. Los formatos modernos suman el HDR (alto rango dinámico), que MDN describe como más contraste entre las zonas más claras y las más oscuras, y la gama de color amplia, que da cabida a más colores.

---

JPEG: el veterano de las fotos

El comité JPEG cuenta en su página sobre JPEG 1 que la norma (ISO/IEC 10918) se creó en 1992, con su última versión en 1994, tras un proceso que empezó en 1986, y que sigue siendo el formato de imagen fija dominante. Su núcleo es un formato con pérdida basado en la transformada discreta del coseno con codificación Huffman, aunque la norma incluye también una opción sin pérdida.

MDN lo define como el formato con pérdida más usado para imágenes fijas y lo recomienda sobre todo para fotografías, con un aviso: en contenido que necesita nitidez, como diagramas o gráficos, la compresión con pérdida puede dar resultados insatisfactorios. Sus límites: 8 bits por componente de color, ningún canal alfa (o sea, nada de transparencia) y un máximo de 65.535 × 65.535 píxeles. A cambio, lo abren todas las versiones de Chrome, Edge, Firefox, Opera y Safari.

---

PNG: la copia exacta, con transparencia

PNG va justo al revés. MDN lo describe como un formato sin pérdida, con más profundidad de color que el GIF, más eficiente y con transparencia alfa completa, de 1 a 16 bits por componente dependiendo del modo de color. Lo prefiere a JPEG para reproducir con precisión la imagen original o cuando se necesita transparencia. Su problema es el peso: WebP y AVIF comprimen y reproducen todavía mejor, aunque con una compatibilidad más limitada en los navegadores.

Tiene además un primo animado, APNG, una extensión que introdujo Mozilla. Frente al GIF animado, que solo admite color indexado de 8 bits, APNG acepta varias profundidades de color, y MDN lo considera ideal para animaciones sencillas, como los indicadores de progreso. Funciona desde Chrome 59, Edge 12, Firefox 3, Opera 46 y Safari 8.

---

WebP: el todoterreno de Google

WebP es la apuesta de Google para la web. Su página oficial lo presenta como un formato moderno con compresión con y sin pérdida «superior». La versión con pérdida usa codificación predictiva, el método del códec de vídeo VP8: predice cada bloque de píxeles a partir de sus vecinos y guarda solo la diferencia. La versión sin pérdida reaprovecha trozos ya vistos de la imagen para reconstruir exactamente los píxeles nuevos.

Google pone cifras a la ventaja, medidas por la propia compañía: las imágenes WebP sin pérdida son un 26 % más pequeñas que las PNG, y las WebP con pérdida, entre un 25 % y un 34 % más pequeñas que imágenes JPEG comparables con la misma calidad medida con el índice SSIM. La transparencia sale barata: en WebP sin pérdida cuesta solo un 22 % de bytes adicionales, y la versión con pérdida también la admite, con archivos que por lo general son tres veces más pequeños que un PNG.

También hay WebP animado. Las preguntas frecuentes de WebP lo comparan con el GIF: color RGB de 24 bits con un canal alfa de 8 bits, frente al color de 8 bits y el alfa de 1 bit del GIF, y en sus pruebas los GIF animados pasados a WebP con pérdida quedaron un 64 % más pequeños.

No es perfecto. Las imágenes no pueden pasar de 16.383 × 16.383 píxeles, no hay decodificación progresiva como la de JPEG o PNG y la versión con pérdida trabaja siempre con color de 8 bits en formato YUV420. Eso tiene trampa: Google explica que un PNG con pocos colores pasado a WebP con pérdida puede acabar pesando más que el original, porque la conversión introduce colores nuevos más difíciles de comprimir. Pasar un JPEG a WebP con pérdida o un PNG a WebP sin pérdida, añade, no suele dar sorpresas.

---

AVIF: el que más comprime, con matices

AVIF (AV1 Image File Format) es de la Alliance for Open Media, que lo presenta como un formato pensado para comprimir mejor que los tradicionales sin una pérdida de calidad significativa. Admite compresión con y sin pérdida, HDR, gama de color amplia, transparencia y animación, y es un estándar abierto. MDN añade que no exige pagar derechos y que guarda imágenes codificadas con AV1, un formato pensado en origen para transmitir vídeo por internet, dentro del contenedor HEIF.

La alianza da sus propias cifras de ahorro: más de un 50 % de tamaño frente a JPEG y más de un 30 % frente a WebP. MDN, por su parte, habla de imágenes AVIF con pérdida alrededor de un 50 % más pequeñas que las JPEG. En color admite 8, 10 o 12 bits por componente.

El matiz está en la carga. AVIF no admite renderizado progresivo: el archivo tiene que descargarse entero antes de mostrarse. MDN aclara que suele notarse poco, porque los archivos son mucho más pequeños que sus equivalentes en JPEG o PNG, pero que con archivos grandes el efecto puede ser importante. En los móviles, la alianza indica que Android lo admite desde la versión 12 e iOS desde la 16.

---

HEIC y HEIF: el formato de las fotos del iPhone

En el titular lo llamamos HEIC, pero Apple habla siempre de HEIF (High Efficiency Image File Format) en su página de soporte sobre HEIF y HEVC. Desde iOS 11 y macOS High Sierra, sus dispositivos usan HEIF para las fotos y HEVC (también conocido como H.265) para los vídeos. El motivo lo da la propia Apple: comprimen mejor que JPEG y H.264, así que ocupan menos espacio en los dispositivos y en Fotos en iCloud sin perder calidad visual. Si lo que te preocupa es el espacio en el ordenador, también tenemos una guía para liberar espacio en el SSD sin perder rendimiento.

Capturan en HEIF el iPhone 7 y posteriores, varias generaciones de iPad y el Apple Vision Pro. En los Mac con macOS Tahoe 26 o posterior, las capturas de pantalla se guardan en HEIF si el formato de captura está configurado en HDR.

El precio de esa eficiencia es la compatibilidad, y Apple ofrece salidas. En el iPhone o el iPad, en Ajustes, Cámara, Formatos, la opción «El Más Compatible» guarda las fotos nuevas en JPEG; «Alta eficiencia» vuelve a HEIF. Al compartir por AirDrop, Mensajes o correo con un dispositivo que no admite el formato, la foto puede enviarse automáticamente en JPEG. En el Mac, una imagen HEIF abierta en Fotos o en Vista previa se convierte con Archivo > Exportar, eligiendo JPEG o PNG.

¿Y en la web? La guía de MDN no incluye HEIF entre los formatos de imagen habituales en la web: solo lo menciona como el contenedor que usa AVIF.

---

Qué abre cada navegador

Según la guía de MDN, consultada el 5 de octubre de 2026 y actualizada por última vez el 22 de septiembre, JPEG y PNG funcionan en todas las versiones de Chrome, Edge, Firefox, Opera y Safari. WebP tiene ya un soporte amplio en las versiones recientes de los grandes navegadores, aunque sin tanto recorrido histórico; en Safari para macOS hace falta Safari 14 o posterior y macOS Big Sur (11) o posterior. AVIF llegó en Chrome 85, Edge 121, Opera 71, Firefox 93 y Safari 16.1, y en Firefox las animaciones AVIF funcionan desde la versión 113.

MDN resume la situación así: los formatos antiguos, como PNG, JPEG o GIF, rinden peor que los nuevos, pero tienen una compatibilidad histórica más amplia. Por eso recomienda acompañar WebP y AVIF de una alternativa en JPEG o PNG con el elemento <picture>, que, como explica su página en español, agrupa varios <source> y un <img>: el navegador elige la fuente que puede mostrar y, si no le sirve ninguna, usa la del <img>. Funciona en todos los navegadores desde marzo de 2016.

---

Cuál elegir en cada caso

Con la guía de MDN, la elección es sencilla. Para fotos en una web, WebP o AVIF, que en general comprimen mejor que PNG, JPEG y GIF, con un JPEG de respaldo. Para capturas de pantalla, diagramas, logotipos y dibujos de líneas, compresión sin pérdida, porque ahí los defectos se ven mucho, con PNG como respaldo. Para cualquier imagen con transparencia, WebP o AVIF, y PNG de respaldo, porque JPEG no tiene canal alfa.

En animaciones, WebP o AVIF, o APNG si se necesita animación sin pérdida; el GIF queda para lo más básico. Para iconos, gráficos y diagramas que deben verse nítidos a cualquier tamaño, mejor SVG, el formato vectorial. Y para fotos del iPhone que tienen que abrirse en cualquier sitio, JPEG, que Apple describe como compatible «con más sistemas operativos y dispositivos», ya sea con «El Más Compatible» o exportando desde Fotos o Vista previa.

Para pasar imágenes a WebP, Google ofrece la herramienta de línea de órdenes cwebp, que acepta PNG, JPEG, TIFF y WebP, aunque no animados. La forma básica es cwebp foto.jpg -o foto.webp, que comprime con pérdida y calidad 75, la que viene por defecto; se ajusta con -q, de 0 a 100, y para una captura basta con cwebp -lossless captura.png -o captura.webp. Si prefieres no tocar la consola, tenemos una selección de las mejores apps para comprimir imágenes.

---

Los cinco formatos, de un vistazo

El resumen, con la documentación oficial de cada uno:

---

Te puede interesar

Tech Planet participa en el programa de afiliados de Amazon. Si compras a través de estos enlaces, recibimos una pequeña comisión sin coste extra para ti, lo que nos ayuda a seguir creando contenido como este.