WebP vs AVIF vs JPG — ¿qué formato usar?
El formato equivocado rompe compatibilidad o te deja archivos más pesados de lo necesario. JPG sigue siendo la apuesta más segura para compartir en cualquier sitio; WebP es el punto dulce en la web moderna; AVIF comprime más pero exige plan B. Esta guía recorre decisiones reales — adjuntos de correo, galerías de producto, imágenes hero del blog — y enlaza a los convertidores que encajan en cada caso.
Empieza por el trabajo, no por la sigla
¿Envías fotos de vacaciones a alguien que abre el correo en una tablet antigua? Quédate en JPG. Formularios oficiales, subidas bancarias e imprentas que solo aceptan JPEG siguen esperándolo — la compatibilidad rara vez merece la apuesta.
¿Tienes tu sitio, blog o catálogo y los visitantes usan navegadores actuales? WebP suele reducir mucho el peso manteniendo un aspecto cercano al JPG, y a diferencia de JPEG puede llevar transparencia.
¿Persigues cada kilobyte en una página con mucho tráfico y puedes servir varias fuentes con `<picture>`? Entonces AVIF merece pruebas — pero no publiques solo AVIF sin respaldo JPG o WebP para clientes que no lo decodifican.
JPG: el formato de foto que todos entienden
JPEG es compresión con pérdida pensada para fotografías — retratos, paisajes, eventos. Móviles, portátiles, CMS y redes lo abren sin drama.
Encaja mal con fondos transparentes, logos de color plano o capturas de UI donde el texto debe estar nítido. Eso va en PNG o WebP.
Cada «Guardar como JPG» apila otra generación de pérdida. Exporta una vez desde la fuente más limpia en lugar de rebotar entre formatos.
WebP: el caballo de batalla web moderno
Con calidad visual similar en fotos, WebP suele ganar en bytes frente a JPG — a veces con mucho margen. También soporta canal alfa, imposible en JPEG.
Hosts estáticos, CDN y la mayoría de frameworks ya sirven WebP. Los clientes de correo son la excepción: muchos renderizan adjuntos como JPEG plano, así que gráficos inline en newsletters suelen quedarse en JPG.
Cuando una captura PNG se siente hinchada, pasar a WebP suele reducir más que volver a guardar PNG. Por eso nuestro flujo Comprimir PNG usa WebP por defecto.
AVIF: archivos más pequeños, más piezas móviles
En escenas fotográficas complejas, AVIF a menudo supera otra vez a WebP — a cambio de codificación más lenta y huecos en dispositivos viejos o WebViews embebidas en apps.
En producción suele ofrecerse AVIF como fuente preferida dentro de `<picture>`, con WebP o JPG como respaldo para que el navegador elija lo mejor que entienda.
Si tu pipeline ya sufre tiempos de encode AVIF, o el equipo aún no tiene respaldos, dominar WebP primero suele dar la mayor parte del beneficio con menos fricción.
Chuleta (reglas generales)
Debe funcionar en cualquier dispositivo que no controlas → JPG.
Hero o listados en sitio moderno con ruta de respaldo → WebP, o AVIF más respaldo WebP/JPG.
Transparencia en la web → WebP o PNG; PNG cuando necesites la mayor tolerancia legacy al alfa.
Imágenes dentro del cuerpo del correo → en la mayoría de casos, JPG.
En duda → exporta WebP y JPG en paralelo, abre Compresor de imagen y compara tamaño con lo que aceptan tus ojos.
El formato es la mitad — tamaño y calidad también cuentan
Una foto de 4000 px de ancho guardada como WebP sigue pesando si nunca la redimensionaste. Reduce primero al ancho de visualización y luego elige formato.
Cuando formato y dimensiones encajan, un pase de compresión puede recortar el último porcentaje. Guarda el master original al trabajar con salida con pérdida para no apilar generaciones.
Comprime antes de publicar
Cuando el formato esté claro, ejecuta Compresor de imagen para comparar tamaño y vista previa antes de subir al CDN o publicar.
Abrir compresor de imagenPreguntas sobre formatos
- ¿Puedo convertir entre estos formatos aquí?
- Sí. Abre JPG a WebP, PNG a AVIF, WebP a JPG, o elige formato de salida en Compresor de imagen.
- ¿Convertir empeora la calidad?
- Saltar entre formatos con pérdida — o codificar el mismo archivo una y otra vez — puede añadir artefactos visibles. Parte de un original de calidad, convierte una vez y juzga con tu propia vista previa.
- ¿Dónde encaja SVG?
- SVG es gráfico vectorial para iconos e ilustraciones simples, no sustituto de formatos de foto. Usa SVG para marcas e iconos UI; JPG, WebP o AVIF para fotografías.
- ¿Y las fotos HEIC de Apple?
- HEIC va bien para almacenar en iPhone pero es incómodo en web y Windows. Convierte a JPG o WebP antes de publicar; si Windows no abre el archivo, mira HEIC en Windows.
- ¿Puedo conservar transparencia en JPG?
- No — JPEG no tiene canal alfa. Usa PNG o WebP, o abre PNG transparente a JPG para rellenar el fondo antes de exportar JPG.