JPG, PNG, WebP o AVIF: cómo elegir el formato de imagen adecuado
Guardamos las mismas fotos como JPG, WebP y AVIF con la misma calidad visual y comparamos el tamaño de los archivos. Aquí verás para qué sirve cada formato, cuándo PNG sigue siendo la mejor opción y cómo convertir tus imágenes.
Elegir un formato de imagen es buscar el equilibrio entre tamaño de archivo, calidad, transparencia y compatibilidad. Con el formato equivocado, un logotipo aparece con un recuadro gris, una captura de pantalla pesa cinco veces más de lo necesario o un formulario rechaza la foto. Esta guía explica los cuatro formatos más habituales, muestra lo que medimos y termina con una regla sencilla para decidir.
La respuesta corta
- Fotos para una web: WebP, o AVIF si quieres los archivos más pequeños y puedes generarlos.
- Fotos para enviar por correo, subir a formularios o imprimir: JPG. Cualquier dispositivo, programa o imprenta lo acepta.
- Logotipos, iconos, gráficos, capturas con texto y todo lo que lleve transparencia: PNG o WebP sin pérdida.
- Animaciones: WebP animado o un vídeo corto en lugar de un GIF.
En qué se diferencian los cuatro formatos
| Formato | Compresión | Transparencia | Ideal para | Compatibilidad |
|---|---|---|---|---|
| JPG (JPEG) | Con pérdida | No | Fotos, correo, impresión | En todas partes |
| PNG | Sin pérdida | Sí | Gráficos, capturas, logotipos | En todas partes |
| WebP | Con o sin pérdida | Sí | Fotos y gráficos en la web | Todos los navegadores principales actuales |
| AVIF | Con o sin pérdida | Sí | Las fotos web más ligeras | Chrome 85+, Firefox 93+, Safari 16.1+, Edge 121+ |
La compresión con pérdida descarta detalles que el ojo apenas echa de menos; el ajuste de calidad decide cuántos. La compresión sin pérdida recupera cada píxel exactamente, algo ideal para bordes nítidos y texto, pero que hace que las fotos ocupen mucho. JPG no puede guardar transparencia, por eso un logotipo guardado en JPG siempre lleva un fondo sólido.
Lo que medimos
Para obtener cifras reales en lugar de promesas de marketing, usamos tres fotos de prueba libres de derechos (dominio público o CC0) que incluye la biblioteca scikit-image: un retrato de astronauta (512 × 512 píxeles), una taza de café (600 × 400) y un gato (451 × 300), todas guardadas sin pérdida. Codificamos cada una como JPG, WebP y AVIF con Pillow 12 (libjpeg-turbo, libwebp 1.6, libavif 1.4). Para cada formato buscamos el ajuste de calidad más bajo que seguía alcanzando la misma similitud con el original: un índice SSIM de 0,97, muy difícil de distinguir del original a tamaño normal.
| Foto | PNG (sin pérdida) | JPG | WebP | AVIF |
|---|---|---|---|---|
| Astronauta, 512 × 512 | 425 kB | 39,5 kB (c74) | 30,0 kB (c80) | 22,9 kB (c58) |
| Café, 600 × 400 | 442 kB | 61,0 kB (c87) | 44,1 kB (c84) | 34,4 kB (c67) |
| Gato, 451 × 300 | 222 kB | 24,0 kB (c81) | 17,5 kB (c82) | 16,7 kB (c62) |
| Total | 1088 kB | 124,4 kB | 91,7 kB | 74,0 kB |
Con la misma calidad, los archivos WebP fueron un 26 % más pequeños que los JPG en total (entre un 24 y un 28 % por foto), muy cerca del 25–34 % que Google indica para WebP. AVIF ahorró un 41 % (entre un 30 y un 44 % por foto). Guardar las fotos en PNG habría ocupado casi nueve veces más que en JPG: la compresión sin pérdida no es la herramienta adecuada para fotografías.
Las capturas de pantalla se comportan de otra forma
También guardamos una captura de la página de inicio de esta web (1280 × 900 píxeles, sobre todo colores planos y texto). En PNG ocupaba 248 kB; el WebP sin pérdida la redujo a 139 kB, un 44 % menos, sin cambiar ni un píxel. Un JPG con calidad 85 era aún más pequeño (81 kB), pero la compresión JPG deja pequeñas manchas alrededor de los bordes del texto, y cada nuevo guardado añade más. Para capturas de pantalla, empieza con WebP sin pérdida o PNG.
JPG: el formato universal para fotos
JPG es el estándar para fotos desde principios de los años noventa, y esa es su mayor ventaja: cualquier móvil, ordenador, programa de correo, formulario o imprenta lo admite. Úsalo siempre que no sepas qué puede abrir quien lo recibe.
Sus puntos débiles están igual de claros. JPG no admite transparencia, y su compresión trabaja en bloques de 8 × 8 píxeles que, con calidad baja, se ven como cuadraditos. Cada vez que abres, editas y vuelves a guardar un JPG se pierde un poco más de detalle. Conserva el original y exporta copias en lugar de guardar una y otra vez el mismo archivo.
PNG: sin pérdida y con transparencia
PNG guarda cada píxel exactamente y admite transparencia completa, con 256 niveles de opacidad por píxel. Es la opción más segura para logotipos, iconos, diagramas y gráficos de interfaz que deben verse nítidos sobre cualquier fondo. Los gráficos con pocos colores, además, se comprimen muy bien en PNG.
Para fotos, PNG es la opción equivocada, como muestra nuestra tabla. Y convertir un JPG en PNG no recupera la calidad perdida: PNG solo guarda sin más pérdidas los píxeles ya comprimidos, así que el archivo simplemente crece.
WebP: la opción práctica para la web
Google presentó WebP en 2010. Reúne compresión con y sin pérdida, transparencia y animación en un solo formato, y todas las versiones actuales de Chrome, Edge, Firefox y Safari lo muestran (Safari en macOS necesita la versión 14 y macOS Big Sur o posterior). Para la mayoría de las webs ofrece el mejor equilibrio entre tamaño, calidad y compatibilidad.
El problema está fuera del navegador: algunos programas antiguos, formularios y servicios de impresión todavía rechazan WebP. Ten a mano una versión en JPG o PNG para esos casos; nuestro conversor de imágenes convierte WebP a cualquiera de los dos en unos segundos.
AVIF: los archivos más pequeños, pero más lentos de crear
AVIF se basa en el códec de vídeo AV1; la versión 1.0 de la especificación se publicó en 2019. En nuestra prueba fue el que produjo los archivos más pequeños. La compatibilidad con los navegadores ya es amplia, aunque llegó más tarde que la de WebP: Safari lo incorporó en 2022 y Edge en 2024.
La codificación tarda mucho más. Guardar la foto del café llevó en nuestro equipo de pruebas unos 4 milisegundos en JPG, 75 en WebP (con el ajuste más lento y eficiente) y unos 950 en AVIF con una velocidad media. Para una sola imagen apenas importa; para miles de imágenes en un servidor, sí. Los navegadores pueden mostrar AVIF, pero no todos pueden crear archivos AVIF desde una página web; por eso nuestro conversor ofrece JPG, PNG y WebP, que cualquier navegador actual puede generar.
Las dimensiones en píxeles importan más que el formato
El mayor ahorro suele venir de reducir el tamaño, no del formato. Una foto de móvil de 12 megapíxeles mide 4000 × 3000 píxeles. Mostrada en una columna de blog de 800 píxeles de ancho, necesita como mucho unos 1600 × 1200 píxeles para verse nítida incluso en pantallas de alta densidad. Reducirla a ese tamaño elimina el 84 % de los píxeles antes de empezar a comprimir.
- Recorta lo que no necesites con la herramienta Recortar imagen.
- Redimensiona al tamaño máximo con el que se va a mostrar la imagen (alrededor del doble del ancho visible para que se vea nítida en pantallas de alta densidad) con la herramienta Redimensionar imagen.
- Convierte al formato adecuado con el conversor de imágenes.
- Comprime con la herramienta Comprimir imagen: empieza con una calidad de 75 y compara con el original al 100 % de zoom.
- Conserva el original. Cada guardado con pérdida elimina un poco más de detalle.
Una regla sencilla para decidir
- ¿La imagen necesita fondo transparente? Usa PNG, o WebP si quieres archivos más pequeños.
- ¿Es una foto para una web? Usa WebP; AVIF si tu sistema puede generarlo y cada kilobyte cuenta.
- ¿Es una foto para correo, un formulario, una imprenta o alguien que no conoces? Usa JPG.
- ¿Es una captura, un gráfico o un logotipo? Usa PNG o WebP sin pérdida. Si el logotipo existe como archivo vectorial, en la web SVG es todavía mejor.
- ¿Está animada? Usa WebP animado o un vídeo corto en lugar de GIF, que está limitado a 256 colores.
Herramientas de esta guía
-
Convertir imágenes (JPG, PNG, WebP)
Convierte imágenes entre JPG, PNG y WebP en tu navegador, por ejemplo de PNG a JPG o de JPG a PNG. Conversión por lotes y sin subir archivos.
Abrir herramienta -
Comprimir imagen
Comprime imágenes JPG, PNG y WebP en tu navegador: elige la calidad, reduce las dimensiones y descarga archivos más ligeros, sin subir nada.
Abrir herramienta -
Redimensionar imagen
Cambia el tamaño de tus imágenes a píxeles exactos o por porcentaje, manteniendo o no la proporción. Gratis, rápido y privado.
Abrir herramienta -
Recortar imagen
Recorta imágenes JPG, PNG y WebP online: arrastra un marco o escribe los píxeles, con proporciones como 1:1, 4:3 y 16:9. Gratis y sin subir nada.
Abrir herramienta
Preguntas frecuentes
¿Convertir un JPG a PNG mejora su calidad?
No. El detalle que eliminó la compresión JPG se ha perdido para siempre. PNG guarda exactamente los píxeles ya comprimidos, así que el archivo solo se hace más grande.
¿Qué formato de imagen ocupa menos?
Para fotos con la misma calidad visible, AVIF fue el más pequeño en nuestra prueba (un 41 % menos que JPG en total), seguido de WebP (un 26 % menos). Para capturas y gráficos, el WebP sin pérdida suele ocupar menos que PNG.
¿WebP funciona en todas partes?
Todas las versiones actuales de Chrome, Edge, Firefox y Safari muestran WebP. Algunos programas antiguos, formularios y servicios de impresión todavía no lo aceptan, así que guarda una copia en JPG o PNG para esos casos.
¿Qué calidad debo usar para JPG?
Para fotos en la web, entre 70 y 85 es un buen rango. En nuestra prueba, JPG necesitó valores entre 74 y 87 para parecerse al original tanto como WebP con 80–84. El valor adecuado depende de la imagen, así que compara al 100 % de zoom.
¿Se suben mis imágenes cuando uso vuestras herramientas?
No. Nuestras herramientas de imagen funcionan en tu navegador. Tus archivos se procesan en tu propio dispositivo y nunca se envían a nuestro servidor.
Fuentes y lecturas recomendadas
- WebP: An image format for the Web – Google for Developers (developers.google.com)
- Image file type and format guide – MDN Web Docs (developer.mozilla.org)
- AVIF – Wikipedia (format history and browser support) (en.wikipedia.org)
- scikit-image test images (astronaut, coffee, chelsea) (scikit-image.org)