PNG vs JPG vs WebP vs AVIF: ¿qué formato de imagen deberías usar realmente?
Comparación práctica de PNG, JPG, WebP y AVIF: en qué es realmente bueno cada formato, qué te cuesta y cómo elegir uno en menos de diez segundos.
Actualizado el 11 de agosto de 20266 min de lectura
Elegir un formato de imagen es una decisión de treinta segundos a la que la gente dedica cero segundos o treinta minutos. La versión corta: las fotografías van a JPG o WebP, los gráficos con color plano y bordes nítidos van a PNG o WebP, cualquier cosa que necesite transparencia descarta el JPG por completo, y AVIF gana en tamaño cuando puedes permitirte una codificación algo más lenta. El resto de esta guía explica por qué, y dónde falla cada una de esas reglas.
La distinción que decide casi todos los casos
Todos los formatos aquí caen en uno de dos bandos. Los formatos con pérdida (JPG, y WebP/AVIF en su modo habitual) descartan detalle que el ojo difícilmente notará, y a cambio consiguen ahorros enormes de tamaño. Los formatos sin pérdida (PNG, y WebP/AVIF en modo sin pérdida) reproducen cada píxel exactamente, y lo pagan en tamaño de archivo.
Esto encaja limpiamente con el tipo de contenido. Las fotografías están llenas de variación tonal gradual, así que descartar parte es invisible. Las capturas de pantalla, los logotipos y los diagramas están llenos de bordes duros, y la compresión con pérdida vuelve borrosos esos bordes de una forma que se nota al instante. Esa es toda la regla: el contenido suave quiere pérdida, el contenido nítido quiere sin pérdida.
Los cuatro formatos comparados
| Formato | Ideal para | Transparencia | Tamaño típico frente a JPG |
|---|---|---|---|
| JPG | Fotografías, cualquier cosa con degradados | No | Referencia |
| PNG | Capturas, logotipos, dibujo lineal, maquetas de interfaz | Sí | 3–10× mayor en fotos |
| WebP | Casi todo en la web | Sí | 25–35 % menor |
| AVIF | Fotos donde cada kilobyte cuenta | Sí | 40–55 % menor |
Esas cifras son para contenido fotográfico con calidad comparable. En gráficos planos el orden se invierte: un PNG de un logotipo sencillo gana a un JPG del mismo logotipo sin discusión, porque las secuencias de píxeles idénticos se comprimen casi a nada mientras el JPG gasta bits inventando artefactos alrededor de los bordes.
JPG: sigue siendo la opción segura
El JPG tiene más de treinta años y sigue siendo el formato de imagen más universalmente aceptado que existe. Todos los navegadores, todos los móviles, todos los servicios de impresión, todos los portales de subida y todos los sistemas empresariales antiguos lo admiten. Si la compatibilidad importa más que el último 30 % de tamaño —y en subidas es así—, el JPG es la respuesta.
Vale la pena conocer sus debilidades. No tiene transparencia, así que un logotipo guardado como JPG acaba con un recuadro blanco. Se recomprime de forma destructiva, así que editar y guardar repetidamente lo degrada cada vez. Y maneja mal el texto nítido, razón por la que una captura JPG de un editor de código se ve emborronada mientras la versión PNG es limpia.
PNG: para bordes, no para fotos
El superpoder del PNG es la exactitud más un canal alfa. Úsalo siempre que un píxel deba seguir siendo el píxel que dibujaste: logotipos sobre fondos de color, capturas de interfaz, gráficos, iconos y cualquier imagen que vayas a volver a editar, ya que volver a guardarla no cuesta nada.
El error clásico es guardar una foto de móvil como PNG. El archivo se hincha —a menudo cinco o diez veces el tamaño del JPG— por una diferencia de calidad que nadie ve. Si has heredado una carpeta de fotos PNG sobredimensionadas, pasarlas por el conversor de PNG a JPG —de una en una en el plan gratuito, carpetas enteras con Pro— suele ser el mayor ahorro de almacenamiento disponible. Si necesitas mantenerlas como PNG por transparencia, el compresor de PNG reduce la paleta y elimina metadatos sin cambiar de formato.
WebP: el valor por defecto sensato hoy
El WebP hace los dos trabajos. Tiene un modo con pérdida que supera al JPG en aproximadamente un tercio con calidad equivalente, un modo sin pérdida que supera al PNG en torno a una cuarta parte, soporte de transparencia y soporte de animación. La compatibilidad con navegadores es universal desde 2020, lo que elimina la única objeción histórica real.
Para un sitio web, convertir tu biblioteca de imágenes a WebP es una de las mejoras de rendimiento más baratas que existen: un tercio menos en cada imagen, sin cambio visible. La salvedad está fuera del navegador: algunos programas de escritorio, imprentas y formularios de subida siguen rechazándolo. De ahí «WebP para la web, JPG para subidas», no «WebP para todo».
AVIF: el mayor ahorro, con una pega
El AVIF comprime más que cualquier otro formato de uso común —habitualmente entre un 40 % y un 55 % por debajo del JPG— y aguanta especialmente bien a tasas muy bajas, donde el JPG se cuadricula y el AVIF simplemente se suaviza. También admite transparencia, color amplio y HDR.
La pega es el coste de codificación y la madurez del ecosistema: el AVIF tarda bastante más en codificarse que el WebP, y el soporte fuera de los navegadores sigue siendo irregular. Úsalo donde el ancho de banda importe de verdad y controles la entrega, y quédate con WebP o JPG para todo lo que tenga que pasar por el software de otras personas.
Un árbol de decisión de diez segundos
- 1¿Necesita transparencia? Si es así, es PNG, WebP o AVIF. El JPG queda descartado.
- 2¿Es una fotografía? Si es así, JPG por compatibilidad, WebP para la web, AVIF si el tamaño es crítico.
- 3¿Es una captura, un logotipo, un gráfico o dibujo lineal? PNG para nitidez garantizada, o WebP sin pérdida para la misma nitidez con menor tamaño.
- 4¿Va a un formulario de subida? JPG, salvo que el formulario nombre otro formato.
- 5¿Está animado? WebP por calidad y tamaño, GIF solo si el destino lo exige.
Elige tu par de formatos —JPG, PNG, WebP, AVIF, GIF o BMP— y convierte en tu propio dispositivo: los archivos nunca se suben.
Convertir una imagen¿Y HEIC, TIFF y SVG?
El HEIC es lo que capturan por defecto los iPhone modernos. Comprime mejor que el JPG pero tiene mal soporte fuera del ecosistema de Apple, razón por la que tanta gente necesita un conversor de HEIC a JPG antes de poder enviar una foto por correo a alguien con Windows. El TIFF es un formato de impresión y archivo: archivos enormes, fidelidad excelente, ningún sitio en una página web. El SVG no entra en esta comparación porque no es un formato de píxeles: describe formas matemáticamente, así que es la opción correcta para logotipos e iconos siempre que tengas el original vectorial.
Si no estás seguro de qué tienes realmente —un archivo llamado .jpg no siempre es un JPG—, el analizador de imágenes lee el formato real, las dimensiones y los metadatos directamente del archivo.
Preguntas frecuentes
¿WebP es mejor que JPG?
Para la entrega web, sí: el WebP produce archivos entre un 25 % y un 35 % más pequeños con calidad comparable y añade soporte de transparencia. Para subidas a formularios, servicios de impresión o software antiguo, el JPG sigue siendo más seguro porque se acepta en todas partes.
¿Convertir PNG a JPG pierde calidad?
Sí, algo, porque el JPG tiene pérdida. En fotografías la pérdida es invisible y el ahorro de tamaño es grande. En capturas y logotipos la pérdida se nota mucho —los bordes nítidos ganan halos borrosos—, así que mantenlos en PNG o conviértelos a WebP sin pérdida.
¿Debería usar AVIF en mi sitio web en 2026?
Es una buena elección para páginas con muchas fotos donde el ancho de banda importa, ya que suele reducir a la mitad el tamaño de los JPG. Sírvelo con una alternativa en WebP o JPG para la pequeña proporción de clientes no-navegador que todavía no pueden decodificarlo.
¿Qué formato es mejor para imprimir?
Usa el original de mayor calidad que tengas, idealmente TIFF o un JPG de calidad máxima a resolución completa. Nunca envíes un WebP o un archivo muy comprimido a una imprenta: los artefactos de compresión invisibles en pantalla se vuelven evidentes a tamaño de impresión.