JPG o PNG, WebP o AVIF: qué formato de imagen usar en cada caso

¿JPG o PNG? Para fotos, JPG; para logotipos, capturas de pantalla, imágenes con texto y todo lo que necesite fondo transparente, PNG. Y si la imagen va en una página web, hoy conviene WebP o AVIF: pesan bastante menos con una calidad parecida, y los navegadores actuales los muestran sin problema.

Lo comprobamos en octubre de 2026 con dos imágenes de este sitio. La misma foto pesó 138,6 KB en JPG, 96,5 KB en WebP y 1,1 MB en PNG. Y en una imagen con texto, el JPG pesó más que el PNG, que encima no pierde nada.

¿JPG o PNG? ¿Cuál es la diferencia?

La diferencia entre JPG y PNG es la compresión. JPG comprime con pérdida: descarta detalles que casi no se notan a cambio de archivos pequeños, y por eso es el formato de las fotos. PNG comprime sin pérdida y admite transparencia, lo que conviene a capturas, logotipos y texto, pero en una foto pesa varias veces más.

Piénsalo como hacer una maleta. Comprimir sin pérdida es doblar bien la ropa: al llegar sacas exactamente lo que metiste. Comprimir con pérdida es dejar en casa lo que casi no ibas a usar: la maleta pesa menos, pero eso ya no viaja. En una foto no se echa de menos; en un texto, se nota.

Por eso la guía de formatos de imagen de MDN (en inglés), la documentación de Mozilla para desarrolladores, recomienda guardar sin pérdida capturas, diagramas y logotipos. El JPG lo define la recomendación T.81 de la UIT, de 1992; el PNG lo mantiene el W3C, que publicó su tercera edición en junio de 2025.

¿Qué es WebP? ¿Es mejor que PNG y JPG?

WebP es un formato de imagen que Google presentó en 2010 para que las páginas web carguen más rápido. Comprime con o sin pérdida, admite transparencia y animación, y suele pesar menos que los dos clásicos: con pérdida reemplaza al JPG y sin pérdida, al PNG. Para una web, casi siempre sale ganando.

Según la documentación de Google sobre WebP, un WebP sin pérdida pesa un 26 % menos que un PNG. Uno con pérdida, entre un 25 % y un 34 % menos que un JPEG de calidad equivalente. En nuestra prueba quedó en esa línea: un 30 % menos que el JPG en la foto y un 19 % menos que el PNG en la imagen con texto.

¿Se ve en todas partes? En los navegadores, sí. Safari fue el último de los grandes en sumarlo, en septiembre de 2020, y desde 2023 figura como «ampliamente disponible» en Baseline, el indicador de compatibilidad web. Fuera de ellos, algún programa antiguo puede no abrirlo: basta con convertirlo a JPG o PNG.

¿Qué es AVIF? ¿Es mejor que WebP?

AVIF es un formato de imagen basado en el códec de video AV1, cuya especificación publica la Alliance for Open Media desde 2019. Comprime todavía más que WebP: en nuestra prueba, con el mismo parecido al original, la foto pesó la mitad que en JPG. Admite transparencia y animación, igual que WebP.

Tiene dos peros. Tarda más en crearse: codificar nuestra foto en AVIF llevó 292 milisegundos en una laptop reciente, frente a 64 en WebP y 7 en JPG. Y llegó más tarde a los navegadores. Edge fue el último de los grandes en mostrarlo, en enero de 2024, y Baseline lo da por «ampliamente disponible» desde julio de 2026.

Nuestra recomendación: AVIF si buscas el menor peso en fotos grandes; WebP si prefieres lo más sencillo, rápido y compatible.

¿Qué formato de imagen pesa menos? Lo medimos

En nuestra prueba, AVIF fue el que menos pesó y WebP el segundo, tanto en una foto como en una imagen con texto. El PNG fue el más pesado en la foto, y el JPG, el peor en la imagen con texto: pesó más que el PNG y encima perdió calidad.

Lo hicimos en octubre de 2026 con dos imágenes de este sitio: una foto de la terraza de un hotel con montañas y cielo en degradado, y la tarjeta que genera este blog para compartir sus artículos, con texto sobre fondo oscuro. Guardamos los mismos píxeles en cada formato con sharp, una librería libre de imágenes. Y con FFmpeg medimos el SSIM, un índice de parecido con el original en el que 1 es idéntico.

Al ampliar la tarjeta seis veces, el JPG dejaba un granulado alrededor de las letras que no tienen el PNG ni el WebP sin pérdida.

Ojo: la «calidad» no significa lo mismo en cada formato. Con la calidad 50 que sharp usa por defecto, el AVIF borraba detalles finos, como las piedras de la montaña; para igualar al JPG de calidad 80 hubo que subirlo a 64.

¿Qué formatos admiten transparencia y animación?

JPG es el único de los habituales que no admite transparencia: si guardas como JPG un logotipo sin fondo, el hueco se rellena con un color liso. PNG, WebP y AVIF sí la admiten, y GIF solo a medias (cada píxel se ve o no se ve). Para animaciones sirven GIF, WebP, AVIF y el PNG animado (APNG).

Para animar, un WebP o un AVIF animado ocupa menos que el viejo GIF, según Google y MDN. Y si a una foto le sobra el fondo, nuestra herramienta para quitar el fondo te la devuelve en PNG transparente, gratis y sin subirla a ningún servidor.

¿Por qué las fotos del iPhone salen en HEIC?

Porque la cámara está en HEIF, cuyos archivos terminan en .heic. El iPhone lo usa desde iOS 11 (del iPhone 7 en adelante) y Apple lo recomienda porque comprime mejor que JPEG y ocupa menos espacio con la misma calidad visual. Si compartes una foto con un equipo que no admite ese formato, el iPhone puede enviarla en JPEG automáticamente.

Para que la cámara guarde en JPG, abre Configuración, toca Cámara, luego Formatos y elige Más compatible; para volver, Alta eficiencia. Y ojo: HEIF sirve para guardar, no para publicar, porque no está entre los formatos que admite el buscador de Google.

¿Cómo convertir una imagen a WebP?

Para convertir una imagen a WebP basta con un programa o una web que exporte ese formato: eliges WebP, ajustas la calidad (80 es un buen punto de partida para fotos) y descargas. Conviene partir del original y no de un JPG ya comprimido, porque las pérdidas de los dos formatos se suman.

Sin instalar nada, puedes usar nuestro compresor de imágenes gratis. Arrastras una o varias imágenes (JPG, PNG, WebP o GIF), eliges WebP en Formato, ajustas la Calidad y el Ancho máximo (por defecto, 1920 píxeles) si quieres y pulsas Descargar. Todo pasa en tu navegador: la foto no se sube a ningún servidor.

Partir del original importa: al pasar a WebP nuestra foto ya convertida en JPG, su parecido bajó a 0,981, frente a 0,986 desde el original. Para AVIF, que nuestro compresor no exporta, puedes usar Squoosh, una app web de código abierto de Google Chrome Labs que también comprime en el navegador.

¿Qué formato conviene para la web de tu negocio?

Para la web de un negocio, lo que mejor funciona hoy es WebP o AVIF en las fotos y SVG o PNG en el logotipo. Según el Web Almanac 2025 de HTTP Archive, las imágenes son lo que más pesa en una web: la página de inicio mediana en celular cargaba 911 KB de ellas.

Cambiar de formato no te deja fuera de Google: su buscador admite JPEG, PNG, WebP, AVIF, GIF, SVG y BMP, como indica su guía para Google Imágenes. Lo que sí cuenta es la velocidad: Google recomienda que el contenido principal cargue en menos de 2,5 segundos (el LCP de su guía de Core Web Vitals), y unas fotos ligeras ayudan.

Tampoco subas fotos más grandes de lo que se ven. Y recuerda que la velocidad depende también de dónde se aloja la web, como contamos en qué son el dominio, el hosting y el DNS.

Lo que se exagera sobre JPG, PNG y WebP

• «El PNG siempre se ve mejor». En una foto, frente a un buen JPG, la diferencia apenas se ve y el PNG pesa mucho más: 8 veces más en nuestra prueba.
• «Pasar un JPG a PNG le devuelve la calidad». Lo que el JPG descartó no vuelve. Al convertir nuestra foto en JPG a PNG, el archivo pasó de 138,6 KB a 975,7 KB y su parecido con el original no se movió: 0,987.
• «Un JPG pierde calidad cada vez que lo guardas». La pérdida grande es la primera: al guardar 10 veces seguidas la misma foto a calidad 80, su parecido apenas cambió (de 0,9868 a 0,9866). Lo que sí resta es pasarla a otro formato con pérdida.

¿Qué formato de imagen usar en cada caso?

La regla rápida: fotos en JPG para enviar o imprimir, y en WebP o AVIF para una web. Capturas, logotipos e imágenes con texto, en PNG o WebP sin pérdida. Y nada que necesite fondo transparente en JPG. La tabla lo resume caso por caso.

Si te quedas con una idea: el formato depende de lo que hay en la imagen y de adónde va.

Para probarlo con tus fotos, en las herramientas de Vertize Plus tienes el compresor y el quitafondos de este artículo, junto a otras para escanear documentos, crear códigos QR y hacer favicons.

Preguntas frecuentes