PNG vs JPG vs WebP vs AVIF — Qué formato de imagen usar en 2026
Cuatro formatos cubren el 95% del uso de imágenes online hoy. Elige mal y duplicas tu tamaño de archivo, pierdes transparencia o subes algo que la plataforma destino rechaza. Esta guía va directo a los puntos de decisión con datos reales — sin filosofía, solo "cuándo uso cuál".
Referenciaremos paste-to-download.com/compress cuando hablemos de conversión — basado en navegador, sin upload, soporta los cuatro formatos.
Los cuatro formatos de un vistazo
| Formato | Compresión | Transparencia | Animación | HDR | Año mainstream |
|---|---|---|---|---|---|
| JPG | Con pérdida | No | No | No | 1992 |
| PNG | Sin pérdida | Sí (alpha) | No (PNG-APNG sí pero raro) | No | 1996 |
| WebP | Ambas | Sí | Sí | No | 2010 (Google) |
| AVIF | Ambas | Sí | Sí | Sí (10/12-bit) | 2019 (AOM) |
JPG y PNG se diseñaron cuando una imagen de 1 MB era rara. WebP y AVIF son modernos, pensados con los objetivos de la web en mente: compresión agresiva sin pérdida visible de calidad.
Tamaño de archivo — Números reales
Una foto de producto de 1600 × 1000 píxeles (cámara, fondo neutro, contraste normal):
| Formato | Tamaño | Vs PNG |
|---|---|---|
| PNG (sin pérdida) | 2.140 KB | 100% |
| JPG (calidad 90) | 612 KB | 29% |
| JPG (calidad 80) | 318 KB | 15% |
| WebP (calidad 90) | 410 KB | 19% |
| WebP (calidad 80) | 184 KB | 9% |
| AVIF (calidad 80) | 132 KB | 6% |
A calidad 80, AVIF le gana a JPG por 2,4× en tamaño con calidad indistinguible. WebP le gana a JPG por 1,7×. PNG queda reservado para situaciones donde se requiere sin pérdida.
Para capturas con texto (menos detalle, más áreas planas):
| Formato | Tamaño | Vs PNG |
|---|---|---|
| PNG (sin pérdida) | 720 KB | 100% |
| PNG por paleta (256 colores) | 168 KB | 23% |
| JPG (calidad 90) | 380 KB | 53% |
| WebP (sin pérdida) | 312 KB | 43% |
| WebP (calidad 95) | 84 KB | 12% |
| AVIF (calidad 95) | 62 KB | 9% |
Para capturas, WebP y AVIF aplastan a JPG. PNG solo gana cuando necesitas que el archivo pase por editores sin pérdida de calidad.
Soporte de navegador y plataforma en 2026
| Formato | Chrome | Safari | Firefox | Clientes de correo | Subida a CMS | Redes sociales |
|---|---|---|---|---|---|---|
| JPG | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| PNG | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| WebP | ✅ | ✅ (desde 14) | ✅ | ⚠️ (Outlook 2013- falla) | ✅ (la mayoría modernos) | ✅ (la mayoría) |
| AVIF | ✅ | ✅ (desde 16) | ✅ | ❌ | ⚠️ (algunos sí, otros no) | ⚠️ (X sí, IG no) |
La conclusión práctica: WebP es universalmente seguro para web en 2026. AVIF es seguro para web pero aún arriesgado para correo y algunos CMS. JPG y PNG siguen siendo los fallback de mínimo común denominador.
Comparación de calidad a igual tamaño
Si restringes el tamaño a 100 KB:
- JPG: artefactos cuadrados visibles en el texto, leve bandeo en gradientes
- WebP: gradientes suaves, bordes de texto más nítidos, suavizado ocasional en detalle fino
- AVIF: la mejor preservación general, sobre todo en transiciones de color y gradientes
La brecha es mayor en imágenes con mucho color (atardeceres, gradientes, fotos de producto). En imágenes en escala de grises o de bajo contraste los tres formatos lucen parecidos a 100 KB.
Árbol de decisión — Elige formato en 10 segundos
Para fotos
- Web (audiencia general) → WebP calidad 80
- Web (vanguardia, solo navegadores modernos) → AVIF calidad 75
- Email o fallback → JPG calidad 85
- Imprenta o archivo → JPG calidad 95 o PNG
Para capturas con texto
- Web → WebP calidad 90
- Email o fallback → PNG (o JPG calidad 95)
- Almacenamiento / archivo → PNG
Para logos y gráficos de colores planos
- Necesitas transparencia → PNG (o WebP para archivos más pequeños)
- Sin transparencia, pocos colores → PNG por paleta
- Se combinará con fotos en web → WebP con alpha
Para animación
- Web moderno → WebP o AVIF (animado)
- Email / fallback → GIF (sigue siendo el único formato universal de animación)
Casos límite que vale la pena saber
JPG y perfiles de color. Un JPG con perfil de color embebido (Adobe RGB, ProPhoto) puede renderizar colores radicalmente distintos en plataformas que no respetan el perfil. Si tu imagen va a redes sociales, convierte a sRGB primero.
WebP animado vs GIF. El WebP animado suele ser un 30% más pequeño que GIF a la misma calidad, pero el soporte es más estrecho. Para un meme que debe verse en todas partes, GIF aún gana.
AVIF en iOS. Safari soporta AVIF nativamente desde iOS 16. Si tu audiencia es empresarial (iPads viejos en iOS 15), prueba antes de comprometerte.
WebP sin pérdida vs PNG. WebP sin pérdida suele ganar por un 20-30% en tamaño. Si tu cadena de herramientas lo soporta, usa WebP sin pérdida para capturas y gráficos.
Cómo convertir
Abre paste-to-download.com/compress. Suelta tus imágenes. El selector de formato arriba te permite elegir formato destino y calidad. La herramienta corre en tu pestaña del navegador — tus imágenes no salen de tu dispositivo.
Para conversión por lotes de una carpeta llena de capturas PNG a WebP, solo arrastra la carpeta, elige WebP-80 y pulsa "Descargar todo en zip". Listo en segundos.
La respuesta en dos líneas
Para la mayoría de casos web en 2026: WebP a calidad 80. Le gana a JPG por ~50% en tamaño con calidad indistinguible, soporta transparencia y funciona en todos los lugares donde los usuarios esperan ver imágenes.
Usa AVIF si puedes permitirte perder Outlook y algunos CMS viejos. Usa JPG/PNG cuando el destino lo exija. Convierte en segundos en paste-to-download.com/compress.