JPG, PNG, WebP o AVIF: diferencias y cuál usar

La diferencia básica: con y sin pérdida

Hay dos formas de guardar una imagen. Con pérdida (lossy), el formato descarta detalles que el ojo apenas nota para conseguir un archivo mucho más pequeño. Sin pérdida (lossless) guarda la imagen exactamente como es, a costa de un archivo mayor. Esa diferencia explica casi todo lo demás.

Los cuatro formatos, en una tabla

La documentación de referencia sobre formatos web (MDN) resume así su papel: JPEG es una buena elección para la compresión con pérdida de imágenes fijas y es el formato más popular; PNG se prefiere cuando hace falta una reproducción más precisa de la imagen o transparencia; WebP y AVIF ofrecen una compresión mucho mejor que PNG o JPEG, con transparencia y animación, aunque con soporte algo más limitado en los navegadores. Según MDN, AVIF ofrece una compresión ligeramente mejor que WebP, pero no soporta el renderizado progresivo y tiene menos soporte.

Qué formato elegir según lo que vayas a hacer

Enviar una foto o subirla a un formulario: JPG

Lo acepta todo el mundo: formularios, sedes electrónicas, correo, mensajería, programas antiguos. Para fotos de cámara o móvil es la elección por defecto. Si tu foto viene del iPhone en HEIC, mira cómo convertirla a JPG.

Una captura, un logo o un gráfico con texto: PNG

Al no tener pérdida, los bordes del texto y las líneas se mantienen nítidos, mientras que en JPG aparecen halos y «ruido» alrededor de las letras. Y si necesitas fondo transparente (un logo sobre cualquier color), PNG es la opción universal. A cambio, una foto en PNG pesa mucho más que en JPG.

Imágenes de una página web: WebP (o AVIF con alternativa)

Para una web, el menor peso se traduce en carga más rápida. WebP está soportado por los principales navegadores (Chrome, Edge, Firefox, Opera y Safari) y suele ser la opción más equilibrada. AVIF comprime algo más, pero MDN recomienda incluir alternativas en formatos con mejor soporte (con el elemento <picture>).

Iconos y diagramas que deben verse bien a cualquier tamaño: SVG

El SVG no es una imagen de píxeles sino un dibujo vectorial: se escala sin perder nitidez. Es lo ideal para logos, iconos e ilustraciones sencillas. Si necesitas una imagen de píxeles a partir de un SVG, usa un conversor de SVG a PNG.

Animaciones: mejor WebP o AVIF que GIF

El GIF es muy compatible pero ineficiente: MDN recomienda considerar WebP, AVIF o APNG para secuencias animadas.

Imprimir: JPG de alta calidad o PDF

Para imprenta o laboratorio, entrega la imagen en la máxima calidad disponible y con la resolución adecuada. Con la herramienta de convertir imagen puedes pasar entre JPG, PNG y WebP (y AVIF, si tu navegador sabe generarlo), y con el compresor reducir el peso cuando haga falta.

Cuánto pesa cada uno: una medición real

Las comparaciones en abstracto engañan, así que hemos medido los mismos archivos con los codificadores del navegador, los mismos que usa nuestro conversor (Chrome 152, calidad en la escala de 0 a 1 del navegador, que no equivale exactamente de un formato a otro). La foto es una fotografía de la NASA de dominio público («Aldrin Apollo 11», en Wikimedia Commons) reducida a 1.280 × 1.288 píxeles; la captura es una pantalla de 1.280 × 720 con mucho texto.

• La fotografía en PNG pesa unas 5,8 veces más que en JPG a calidad 0,8 (2.270 frente a 389 KB), y unas 7,6 veces más que en WebP a 0,8 (298 KB). Es la razón de no usar PNG para fotos.
• WebP a 0,8 pesa un 23 % menos que JPG a 0,8 (298 frente a 389 KB). Pero a calidad 0,92 la diferencia casi desaparece (484 frente a 491 KB): el ahorro del WebP se nota sobre todo a calidades medias.
• En la captura con mucho texto el PNG (293 KB) no fue más pequeño que el JPG (218 KB) ni que el WebP (147 KB). Lo que ofrece el PNG ahí es que no pierde nada y que el texto queda nítido, no un menor peso.
• AVIF no pudimos medirlo: cuando se le pide AVIF desde el navegador, Chrome 152 devuelve un PNG, así que no puede generarlo. Nuestro conversor comprueba qué formatos sabe crear tu navegador y desactiva los que no, de modo que la opción AVIF solo aparece donde funciona.

Son resultados de dos imágenes concretas, no una regla: el ahorro depende del contenido y del codificador. Sirven para ver el orden de magnitud.

Errores típicos al convertir

• Convertir un JPG a PNG «para que tenga más calidad». No la recupera: la pérdida ya ocurrió. Solo conseguirás un archivo bastante más grande con la misma imagen.
• Guardar y volver a guardar en JPG. Cada vez que un JPG se recomprime pierde un poco más de calidad (el efecto de «copia de copia»). Trabaja siempre desde el original y exporta al final.
• Poner una foto en PNG para una web. Pesa mucho más sin ganar nada visible; usa JPG, WebP o AVIF.
• Pasar un PNG con transparencia a JPG. JPG no tiene transparencia: las zonas transparentes se rellenan con un color de fondo (normalmente blanco o negro).
• Cambiar la extensión a mano (de .webp a .jpg, por ejemplo). Cambiar el nombre no convierte el archivo: el contenido sigue siendo el mismo formato.

Cuando un formulario te pide un peso máximo

Si el problema no es el formato sino el tamaño («la imagen no puede superar 100 KB»), usa la herramienta de reducir una imagen a un peso exacto. Elige JPG para fotos: es el formato que mejor equilibra calidad y peso cuando el límite es estricto. Y si además quieres evitar que la foto revele información personal, mira la guía sobre cómo quitar los datos EXIF.

Resumen rápido

1. ¿Foto para enviar o subir a un formulario? JPG.
2. ¿Captura, logo o gráfico con texto? PNG.
3. ¿Imagen para tu web? WebP (o AVIF con alternativa).
4. ¿Icono o dibujo escalable? SVG.
5. ¿Animación? WebP o AVIF antes que GIF.

Fuentes y más información

• MDN Web Docs: Guía de tipos y formatos de archivo de imagen

Datos comprobados el 3 de octubre de 2026.