WebP vs JPG vs PNG vs AVIF — qué formato y cuándo (2026)
Tomoda HinataAutor y mantenedor de la herramientaPublicado el 26 abr 20268 min de lectura
JPG para fotos que van a cualquier sitio. PNG para gráficos con transparencia o aristas sin pérdida. WebP para la web de hoy (cualquier navegador desde Safari 14). AVIF cuando ese ~30% extra compensa perder Outlook. Esta guía cruza los cuatro formatos por tamaño, soporte y caso de uso, con mediciones que puedes verificar en el comparador del navegador con tu propia imagen.
Herramientas usadas en esta guía
Los cuatro formatos en un vistazo
JPG (1992): con pérdida, sin transparencia, universal. PNG (1996): sin pérdida con alfa, perfecto para logos/capturas, ~5× más grande que JPG en fotos. WebP (2010, Google): combina con/sin pérdida y alfa, ~25–35% menor que JPG. AVIF (2019, AV1): más nuevo, ~20–30% menor que WebP, mejor compresión pero peor soporte legacy.
¿Cuándo JPG?
Cuando el destino es más antiguo que la ‘web moderna’ o cuando la compatibilidad universal pesa más que el último 30%: adjuntos de correo (Outlook desktop ignora WebP), entrega para imprenta, embed en Word/PowerPoint, entrega a destinatarios no técnicos. Calidad 78 para fotos, 90 para capturas con texto.
¿Cuándo gana PNG de verdad?
Tres cosas que JPG no hace: transparencia, aristas pixel-perfect (capturas UI, líneas finas), sin pérdida (imágenes que se reeditan). Para fotos PNG es derroche. PNG-8 para iconos; PNG-24 con alfa para logos.
Por qué WebP es el default web hoy
Todo navegador moderno decodifica WebP nativamente (Chrome 32+/Firefox 65+/Safari 14+/Edge — >98% del tráfico global desde 2022). Fotos WebP 25–35% más pequeñas que JPG; WebP sin pérdida ~25% menor que PNG. Único punto débil: render de Outlook desktop.
¿Cuándo justifica AVIF su complejidad?
AVIF (compresión intra de AV1) ofrece otro 20–30% sobre WebP. Útil en sitios de contenido nuevos con grandes héroes. Coste: Outlook desktop, algunas apps de Microsoft, móvil antiguo. Úsalo tras `<picture>` con WebP de fallback o espera a que el legacy < 2%.
Árbol de decisión
¿Outlook desktop / correo / imprenta? → JPG (foto) o PNG (gráfico transparente). ¿Web con audiencia moderna? → WebP calidad 82; capturas en WebP sin pérdida. ¿>98% de audiencia moderna y LCP al máximo? → `<picture>` AVIF + WebP. ¿Transparencia en web? → WebP o AVIF; en proyecto nuevo, evita PNG.
| Formato | Foto (1920×1280) | Captura UI (1920×1080) | Logo + transparencia | Soporte |
|---|---|---|---|---|
| JPG calidad 82 | 245 KB | (sin transparencia) | (sin transparencia) | 100% |
| PNG | 1,65 MB | 92 KB | 11 KB | 100% |
| WebP calidad 82 | 165 KB | 55 KB (sin pérdida) | 8 KB | 98% |
| AVIF calidad 60 | 115 KB | 48 KB | 6 KB | 92% |
Preguntas frecuentes
¿Qué formato tiene mejor soporte?
JPG y PNG 100%. WebP ~98%. AVIF ~92%.
¿Es WebP más pequeño que AVIF?
No — AVIF es ~20–30% menor que WebP a igual calidad.
¿Por qué no entra HEIC?
HEIC es formato interno del iPhone, no de web. Ningún navegador lo decodifica nativamente.
¿WebP sin pérdida o con pérdida?
Con pérdida para fotos (calidad 82). Sin pérdida para capturas/logos — bate a PNG en ~25%.
¿Y TIFF?
TIFF es escritorio/imprenta/archivo, no web.
¿Puedo usar un solo formato?
Si tengo que elegir uno: JPG para fotos, PNG para transparencia. WebP/AVIF son optimización.
Probar ahora
Encode one image in all five modern formats in parallel — size + time side by side
Modern Image Format Comparator (PNG / JPEG / WebP / AVIF / JXL)Este artículo incluye traducción asistida por IA. Avísanos si encuentras errores.