Elegir el formato de imagen equivocado es una de las causas más habituales de que una página web cargue lenta, de que un logotipo se vea borroso o de que una foto ocupe mucho más de lo que debería. El formato que eliges decide tres cosas a la vez: lo nítida que se ve la imagen, lo pequeño que es el archivo y si puede tener fondo transparente. Esta guía explica los cuatro formatos que de verdad importan hoy —JPG, PNG, WebP y AVIF— y te da una regla sencilla para cada situación.
La respuesta en 30 segundos
- ¿Fotografías para la web? Usa WebP (o JPG si necesitas la máxima compatibilidad).
- ¿Logotipos, iconos, capturas o cualquier cosa con transparencia? Usa PNG (o WebP para archivos más pequeños).
- ¿Exprimir el tamaño más pequeño posible en un sitio moderno? Usa AVIF, con un respaldo en WebP o JPG.
- ¿Enviar a imprenta o a un cliente que necesita compatibilidad universal? Usa JPG para fotos y PNG para gráficos.
Si solo recuerdas una cosa: los formatos con pérdida (JPG, WebP, AVIF) son para fotos; los formatos sin pérdida (PNG) son para gráficos con bordes definidos y colores planos.
JPG (JPEG): el formato fotográfico universal
JPG existe desde 1992 y cualquier dispositivo del planeta puede abrirlo. Usa compresión con pérdida, lo que significa que descarta permanentemente parte de los datos de la imagen para reducir el archivo. En las fotografías —donde millones de cambios sutiles de color disimulan esa pérdida— apenas se nota y el ahorro de espacio es enorme.
Usa JPG cuando:
- Guardes una fotografía y necesites que se abra en cualquier sitio.
- La imagen no tenga zonas transparentes (JPG no admite transparencia).
- Envíes fotos por correo o subas a una plataforma que espera JPG.
Evita JPG cuando:
- La imagen tenga texto nítido, bordes duros o zonas de color plano: JPG crea feos artefactos de “halo” alrededor.
- Necesites un fondo transparente.
- Vayas a reeditar y volver a guardar el archivo muchas veces. Cada guardado lo degrada un poco más (esto se llama pérdida generacional).
PNG: el formato para gráficos y transparencias
PNG usa compresión sin pérdida: reduce el archivo sin descartar ningún dato, así que la imagen es idéntica píxel a píxel cada vez. Eso lo hace ideal para todo lo que tenga bordes nítidos —logotipos, iconos, capturas, diagramas— y es el único de los formatos clásicos que admite un fondo totalmente transparente.
Usa PNG cuando:
- Necesites transparencia (un logotipo que se coloque sobre cualquier color de fondo).
- La imagen sea una captura, una ilustración o contenga texto.
- No puedas tolerar ninguna pérdida de calidad.
Evita PNG cuando:
- Guardes una fotografía a todo color: los PNG de fotos suelen pesar entre 5 y 10 veces más que el JPG equivalente sin ningún beneficio visible.
Si tienes una foto guardada como un PNG enorme, convertirla a JPG o WebP puede reducir el tamaño drásticamente.
WebP: el todoterreno moderno
WebP, desarrollado por Google, es el formato que la mayoría de los sitios web deberían usar por defecto en 2026. Admite tanto compresión con pérdida como sin pérdida y transparencia, y normalmente es entre un 25 % y un 35 % más pequeño que JPG con la misma calidad visual, o mucho más pequeño que PNG para gráficos. Todos los navegadores actuales lo soportan.
Usa WebP cuando:
- Publiques imágenes en una web y quieras tiempos de carga rápidos.
- Necesites transparencia pero quieras archivos más pequeños que PNG.
- Tu público use navegadores razonablemente modernos (es decir, prácticamente todos hoy).
La única pega: algún software de escritorio antiguo y unos pocos clientes de correo todavía no leen WebP. Si entregas un archivo a un cliente no técnico, JPG o PNG son la apuesta más segura.
AVIF: los archivos más pequeños, con una pega
AVIF es el formato más nuevo de esta lista, basado en el códec de vídeo AV1. Produce los archivos más pequeños de todos —a menudo un 50 % menos que JPG— conservando el detalle notablemente bien, y maneja transparencia y color de alto rango dinámico. A cambio, la codificación es más lenta y la compatibilidad algo menos universal que la de WebP.
Usa AVIF cuando:
- Tengas una web centrada en el rendimiento y puedas servir un respaldo (
<picture>con WebP/JPG) para el raro navegador que no lo lea. - Quieras la mejor compresión posible y tengas tiempo para codificar.
Tabla comparativa rápida
| Formato | Compresión | Transparencia | Ideal para | Tamaño (foto) |
|---|---|---|---|---|
| JPG | Con pérdida | ❌ No | Fotos universales | Medio |
| PNG | Sin pérdida | ✅ Sí | Logos, capturas, transparencia | Grande |
| WebP | Ambas | ✅ Sí | Webs modernas | Pequeño |
| AVIF | Ambas | ✅ Sí | Compresión máxima | Mínimo |
Un flujo de trabajo práctico
- ¿Foto para una web? Expórtala como WebP. Si debes admitir todos los navegadores antiguos, conserva un respaldo en JPG.
- ¿Logotipo o icono? Guarda un maestro en PNG; exporta una copia en WebP para la web.
- ¿Archivo demasiado grande? No solo lo conviertas: además comprímelo para recortar los últimos kilobytes innecesarios.
- ¿Necesitas un formato concreto que exige una plataforma? Conviértelo en segundos, directamente en tu navegador: nada se sube a un servidor.
En resumen
No existe un único formato “mejor”, solo el mejor formato para un trabajo concreto. Recurre a WebP como opción cotidiana en la web, a PNG siempre que necesites bordes nítidos o transparencia, a JPG cuando la compatibilidad universal sea lo más importante y a AVIF cuando persigas los archivos más pequeños posibles. Acierta con esta única decisión y tus imágenes se verán mejor y cargarán más rápido en todas partes.