Estás guardando una imagen y tu editor te pregunta: ¿JPEG, PNG, WebP o AVIF? La mayoría de las personas simplemente eligen la primera opción y continúan.
Esa elección importa más de lo que parece. El formato incorrecto puede hacer que tu archivo sea 5 veces más grande de lo necesario, eliminar la transparencia que querías o arruinar los bordes nítidos de un logotipo. El formato correcto reduce el tamaño de tu archivo a la mitad sin pérdida de calidad visible.
Cuatro formatos, cuatro trabajos diferentes. JPEG es el viejo confiable. PNG es el formato sin pérdida para gráficos. WebP es el todoterreno moderno. AVIF es el nuevo campeón de la compresión. Cada uno gana en situaciones específicas y pierde gravemente en otras.
Esta guía desglosa exactamente qué hace cada formato, cómo se comparan en tamaño y calidad, y cuál elegir para cualquier situación. Al final, nunca más tendrás que adivinar qué opción marcar en el menú desplegable.
La respuesta rápida
Si quieres la versión corta antes de entrar en detalles:
- Fotos en la web: AVIF primero, WebP como respaldo, JPEG como red de seguridad final
- Fotos que necesitan compatibilidad universal (correo electrónico, impresión): JPEG
- Logotipos, íconos, gráficos con texto: SVG si es posible, de lo contrario PNG o WebP sin pérdida
- Cualquier cosa que necesite transparencia: WebP o AVIF (o PNG para compatibilidad más antigua)
Eso cubre la mayoría de las situaciones. Pero el porqué detrás de cada elección te ayuda a manejar los casos excepcionales, así que aquí tienes el desglose completo.
JPEG: el veterano universal
JPEG existe desde 1992 y sigue siendo el formato de imagen con mayor soporte en la Tierra. Todo dispositivo, todo navegador, toda aplicación y toda impresora entiende qué es un JPEG.
En qué destaca JPEG
- Compatibilidad universal: funciona literalmente en todas partes, incluyendo clientes de correo antiguos y controladores de impresión
- Rápido para codificar y decodificar
- Buena compresión para fotografías con gradientes de color suaves
- Tamaños de archivo pequeños con configuraciones de calidad razonables
Dónde se queda corto JPEG
- Solo compresión con pérdida: siempre descarta algunos datos, por lo que guardar repetidamente degrada la calidad
- Sin transparencia: JPEG no tiene canal alfa, por lo tanto, no hay fondos transparentes
- Archivos más grandes que los formatos modernos con la misma calidad visual
- Artefactos visibles (parches cuadriculados) cuando se comprime demasiado
Usa JPEG cuando la compatibilidad importa más que el tamaño del archivo: archivos adjuntos en correos, recursos para imprimir, subidas a redes sociales y en cualquier lugar donde no puedas controlar qué software abrirá la imagen. Es la opción segura que siempre funciona.
PNG: el formato de gráficos sin pérdida
PNG fue creado en 1996 como una alternativa sin pérdida al JPEG. Mantiene cada píxel perfectamente intacto, lo que lo hace ideal para algunas imágenes y terrible para otras.
En qué destaca PNG
- Sin pérdida: cero pérdida de calidad, nunca, sin importar cuántas veces lo guardes
- Transparencia: soporte completo de canal alfa para fondos transparentes
- Bordes nítidos: mantiene textos, líneas y gráficos claros sin difuminado
- Excelente para capturas de pantalla, logotipos, íconos y diagramas
Dónde se queda corto PNG
- Tamaños de archivo enormes para fotografías (a menudo 5 veces más grandes que JPEG)
- Sin soporte de animación (eso es APNG, algo diferente)
- Excesivo para fotos donde la calidad sin pérdida no es perceptible
Usa PNG para gráficos con bordes nítidos y texto, capturas de pantalla, logotipos y cualquier cosa que necesite transparencia. Nunca uses PNG para fotografías en la web. Una foto guardada como PNG desperdicia enormes cantidades de ancho de banda por una calidad que tus ojos no pueden ver.
WebP: el todoterreno moderno
Google lanzó WebP en 2010 para reemplazar tanto a JPEG como a PNG con un formato único y más pequeño. Después de que Safari agregara su soporte en 2020, WebP alcanzó un soporte en navegadores efectivamente universal. En 2026, más del 97% de los usuarios pueden ver imágenes WebP.
En qué destaca WebP
- 25-35% más pequeño que JPEG con la misma calidad visual
- Hace tanto compresión con pérdida (para fotos) como sin pérdida (para gráficos) en un solo formato
- Soporta transparencia como PNG, pero con archivos mucho más pequeños
- Soporta animación, reemplazando a GIF con archivos de menor tamaño
- Soporte universal de navegadores desde 2020
Dónde se queda corto WebP
- Todavía no cuenta con soporte universal en aplicaciones de escritorio (versiones antiguas de Photoshop, Microsoft Office, algunos visores de fotos)
- No es compatible con controladores de impresión
- Ligeramente más lento para codificar que JPEG
WebP es el mejor formato predeterminado para la web en 2026. Maneja fotos, gráficos y transparencia, todo a tamaños más pequeños que los formatos antiguos. La única razón para no usarlo es cuando un archivo abandona el navegador para ir a un correo electrónico, imprimirse o a software de escritorio que no lo reconoce.
AVIF: el campeón de la compresión
AVIF, lanzado en 2019, está construido sobre el códec de video AV1 (la misma tecnología que usan Netflix y YouTube). Ofrece la mejor compresión de cualquier formato con amplio soporte. Para 2026 cubre a más del 95% de los navegadores, con soporte en Chrome, Firefox, Safari y Edge.
En qué destaca AVIF
- Hasta un 50% más pequeño que JPEG y de 20-50% más pequeño que WebP a la misma calidad visual
- Soporta transparencia, HDR y gamas de colores amplias
- Hace compresión tanto con pérdida como sin pérdida
- La mejor compresión de su clase para contenido fotográfico
Dónde se queda corto AVIF
- Más lento de codificar que JPEG o WebP, lo cual es importante en el procesamiento de imágenes en tiempo real
- Cobertura de navegadores ligeramente inferior a WebP (95% vs 97%), por lo que necesita un respaldo
- Puede difuminar líneas muy finas en gráficos nítidos bajo una compresión agresiva
- Las configuraciones de calidad no son directamente comparables con JPEG o WebP (calidad 60 de AVIF puede verse como calidad 80 de WebP)
AVIF es la mejor opción para fotos grandes e importantes donde el ahorro de espacio vale la pena: imágenes destacadas o de cabecera (hero images), fotos de productos y portafolios de fotografía. Acompáñalo con un respaldo WebP y JPEG para que cada navegador reciba algo que pueda mostrar.
Comparación lado a lado
Así es como se comparan los cuatro formatos en los factores que más importan.
Ningún formato gana en todo. AVIF gana en compresión, JPEG gana en compatibilidad, PNG mantiene nítidos los gráficos y WebP triunfa como la opción equilibrada. La jugada inteligente es servir varios formatos y dejar que cada navegador elija el que soporte.
¿Quieres comprimir o convertir tus imágenes a un formato más pequeño ahora mismo? Usa el compresor de imágenes gratuito → para una compresión rápida con un solo clic, o prueba el compresor personalizado → para controlar la calidad exacta y el tamaño de archivo objetivo. Ambos se ejecutan en tu navegador sin subir nada a ningún servidor.
Cómo usar varios formatos juntos (la cadena de respaldo)
No tienes que elegir solo un formato. Los sitios web modernos sirven varios y dejan que cada navegador elija el mejor que pueda mostrar. Esta es la técnica más poderosa para tener imágenes rápidas.
El elemento HTML picture hace esto automáticamente. Proporcionas una versión AVIF, una versión WebP y una versión JPEG. El navegador intenta con AVIF primero, recurre a WebP si no puede, y termina usando JPEG si todo lo demás falla. Cada visitante obtiene el archivo más pequeño que su navegador soporte.
La mayoría de las herramientas de compilación, sistemas de gestión de contenido y CDNs de imágenes manejan esta cadena de respaldo automáticamente. Subes una imagen y el sistema genera los tres formatos y sirve el correcto. Para un sitio con mucho contenido, esto puede reducir el peso total de las imágenes en un 70%.
Si quieres conocer el panorama completo sobre la optimización de imágenes para la velocidad, incluyendo el redimensionamiento responsivo y la carga diferida (lazy loading), aquí tienes la guía completa para comprimir imágenes y optimizar la velocidad web que cubre todo el flujo de trabajo más allá de solo la elección del formato.
Qué formato elegir para cada situación común
Una foto para tu sitio web
AVIF si tu plataforma lo soporta, con respaldos en WebP y JPEG. Si solo puedes elegir uno, WebP ofrece el mejor equilibrio entre tamaño y compatibilidad.
Una foto para correo electrónico o para imprimir
JPEG. Los clientes de correo electrónico y los controladores de impresoras no soportan confiablemente WebP o AVIF. JPEG es la opción segura que siempre se mostrará correctamente.
Un logotipo o ícono
SVG si es un gráfico vectorial, porque se mantiene nítido a cualquier tamaño con un archivo diminuto. Si tiene que ser una imagen rasterizada, usa PNG o WebP sin pérdida para mantener los bordes definidos.
Una captura de pantalla
PNG para capturas de pantalla con texto y elementos de interfaz definidos, porque el formato sin pérdida mantiene todo legible. Si la captura de pantalla es en su mayor parte una foto, WebP funciona y ahorra espacio.
Una imagen que necesita transparencia
WebP o AVIF para la web (archivos más pequeños con soporte de canal alfa). PNG si necesitas que funcione en software de escritorio más antiguo.
Una foto de perfil o avatar
WebP para plataformas web que lo acepten. JPEG como respaldo universal. Estos se almacenan una vez y se muestran muchas veces, por lo que el ahorro de compresión se suma.
Una imagen animada
WebP animado para bucles cortos y stickers (más pequeño que GIF y con todo el color). Para cualquier cosa más larga o pesada, el video MP4 supera a todos los formatos de imagen por un amplio margen.
Cómo convertir entre formatos de la manera correcta
Convertir imágenes entre formatos es común, pero algunas reglas evitarán que arruines su calidad.
Convertir a un formato más pequeño
Pasar de JPEG o PNG a WebP o AVIF ahorra espacio sin pérdida de calidad visible cuando se hace bien. La clave es convertir desde el original de mayor calidad que tengas, no desde una copia ya comprimida. Si también necesitas alcanzar un tamaño exacto de archivo después de la conversión, aquí te explicamos cómo redimensionar una imagen a un tamaño específico en KB o MB.
Nunca conviertas un archivo con pérdida a otro formato con pérdida repetidamente
Cada vez que guardas un JPEG (o cualquier formato con pérdida), pierde un poco de calidad. Convertir de JPEG a WebP, luego a AVIF y de vuelta empeora el daño. Siempre comienza desde el original y convierte una vez al formato que necesites.
Convertir todo un lote a la vez
Si tienes una carpeta de imágenes para convertir a un solo formato, el procesamiento por lotes ahorra horas. La misma lógica detrás de el flujo de trabajo para redimensionar imágenes por lotes se aplica a la conversión de formato: establece tu formato de salida una vez y aplícalo a cada archivo de la carpeta.
Convertir sobre la marcha
Para conversiones individuales, una herramienta basada en el navegador es lo más rápido. Si eres nuevo en esto, la guía para redimensionar una imagen en línea te muestra el flujo básico de subir-ajustar-descargar que también se sigue para la conversión de formato.
5 errores de formato que te cuestan velocidad o calidad
1. Usar PNG para fotografías
Este es el error más común y el más costoso. Una foto guardada como PNG puede ser 5 veces más grande que la misma foto como WebP o JPEG. El formato PNG es para gráficos, no para fotos.
2. Seguir atascado con JPEG y PNG en 2026
Si tu sitio web todavía solo sirve JPEG y PNG, estás desperdiciando un 25-50% de ahorro de tamaño de archivo. WebP y AVIF comprimen drásticamente mejor y tienen un gran soporte. Úsalos junto a sus respectivos formatos de respaldo.
3. Usar AVIF sin un respaldo
AVIF cubre alrededor del 95% de los navegadores, no el 100%. Servir AVIF sin respaldo significa que una pequeña porción de visitantes verá imágenes rotas. Siempre acompáñalo de un WebP y JPEG usando un elemento picture.
4. Convertir desde un archivo ya comprimido
Convertir un JPEG de baja calidad a AVIF no restaura la calidad perdida, simplemente bloquea el daño existente en un nuevo formato. Siempre convierte a partir del original con la mayor calidad que tengas.
5. Usar WebP o AVIF para impresión o correo electrónico
Estos formatos están construidos para la web. Los clientes de correo electrónico y los controladores de impresora a menudo no pueden leerlos. Para cualquier cosa que abandone el navegador, usa JPEG (para fotos) o PNG (para gráficos).
Conclusión
Las guerras de formatos no tienen un único ganador porque cada formato está creado para un trabajo diferente. AVIF comprime mejor. JPEG funciona en todas partes. PNG mantiene los gráficos nítidos. WebP ofrece el equilibrio perfecto.
Para la web en 2026, la respuesta casi siempre es servir AVIF primero, WebP como respaldo y JPEG como red de seguridad final, dejando que cada navegador elija. Para correo electrónico e impresión, usa JPEG. Para logotipos y gráficos nítidos, usa SVG o PNG. Para fondos con transparencia, usa WebP o AVIF.
Elige el formato adecuado para cada tarea y tus imágenes siempre se verán pequeñas, nítidas y cargarán rápido, en todo momento.