Formatos de imagen explicados
Una guía clara de los formatos de imagen que importan: JPG, PNG, WebP, AVIF, GIF, SVG, HEIC, BMP, TIFF y JPEG XL, con una recomendación clara para cada trabajo.
El panorama completo de formatos en un solo lugar, con una elección firme para fotos, gráficos, la web, la impresión y el archivo.
How it works
Elige el formato que encaja con el trabajo
No existe un único mejor formato de imagen. JPG es la elección universal para fotos y compartición. WebP y AVIF reducen las imágenes web mucho más que JPG con calidad similar. PNG es la elección sin pérdida fiable para logos, capturas y cualquier cosa con transparencia. GIF sigue funcionando para gráficos animados simples. HEIC es el eficiente valor por defecto de iPhone que la mayoría de dispositivos no pueden abrir. SVG se mantiene nítido a cualquier tamaño para iconos y logos. TIFF y BMP son formatos pesados de archivo e impresión. JPEG XL es el formato emergente con la mejor compresión y un modo sin pérdida inteligente.
Fotografías
Para fotos en la web, AVIF da los archivos más pequeños y WebP ofrece el soporte más amplio. Para correo, impresión y software antiguo, JPG es el valor seguro por defecto. Si necesitas un maestro de edición, conserva una copia sin pérdida en PNG o un formato de alta calidad en lugar de guardar JPG repetidamente.
Gráficos, logos y transparencia
PNG conserva la transparencia y los bordes nítidos, lo que lo convierte en la opción fiable para logos, iconos y capturas. En la web, WebP sin pérdida te da la misma transparencia en un archivo más pequeño. SVG es aún mejor para logos e iconos porque escala a cualquier tamaño sin perder nitidez.
La web
Para imágenes de sitios web, apunta a WebP o AVIF. Son drásticamente más pequeños que JPG o PNG, lo que hace que las páginas carguen más rápido. Sirve AVIF cuando tu audiencia usa navegadores modernos y recurre a WebP o JPG para los antiguos. Usa el convertidor de aquí para cambiar entre ellos en tu navegador.
Impresión y archivo
Para imprimir, exporta a la resolución que necesites en JPG o PNG. TIFF se adapta a escaneos de archivo donde quieres mantener el máximo de datos, aunque crea archivos muy grandes. Para almacenamiento a largo plazo, un formato sin pérdida como PNG o WebP sin pérdida protege tus píxeles de la pérdida gradual de calidad que viene con el guardado repetido en JPG.
Una nota sobre JPEG XL
JPEG XL es el formato nuevo más prometedor. Su modo sin pérdida puede volver a comprimir un JPG existente para que sea entre 20 y 30 por ciento más pequeño manteniéndose reversible byte por byte, así que el JPG original se puede recuperar exactamente. El soporte aún se está implementando, así que trátalo como una elección orientada al futuro más que universal hoy.
¿Aún indeciso?
Empieza con el formato que tu audiencia puede abrir en todas partes. Cuando tengas dudas, JPG para fotos y PNG para gráficos es un punto de partida seguro y ampliamente compatible, y WebP es la ruta de actualización para la web.
Format comparison
| Format | Compression | Transparency | Browser support | Best for |
|---|---|---|---|---|
| JPG.jpg | Lossy (discards some detail) | No | All browsers and devices | Photographs and images with smooth color gradients |
| PNG.png | Lossless (keeps every pixel) | Yes | All browsers and devices | Screenshots, logos, illustrations with sharp edges and transparency |
| WebP.webp | Lossy (discards some detail) | Yes | All modern browsers (2011+) | Web images that need both quality and small file size |
| AVIF.avif | Lossy (discards some detail) | Yes | All modern browsers (2020+) | Modern web photos with the best compression at high quality |
| SVG.svg | Lossless (keeps every pixel) | Yes | All browsers | Vector graphics, icons, logos that scale without quality loss |
| HEIC.heic | Lossy (discards some detail) | No | n/a | High-efficiency photos from iPhones and modern cameras |
| GIF.gif | Lossy (discards some detail) | Yes | n/a | Animated web graphics and simple images with flat colors |
| BMP.bmp | Lossless (keeps every pixel) | No | n/a | Uncompressed raster images for legacy software and raw storage |
| TIFF.tiff | Lossless (keeps every pixel) | No | n/a | High-quality print and scan archives |
| JXL.jxl | Lossy (discards some detail) | Yes | n/a | Next-generation web images with the best compression (Chrome, Edge, Opera) |
Preguntas frecuentes
¿Cuál es el mejor formato de imagen?
Depende del trabajo. AVIF para fotos web, WebP para compatibilidad web amplia, JPG para compartir e imprimir, PNG para logos y transparencia, y SVG para iconos escalables.
¿Cuál es la diferencia entre con pérdida y sin pérdida?
Los formatos con pérdida como JPG, WebP y AVIF descartan detalle para reducir archivos. Los formatos sin pérdida como PNG conservan cada píxel exactamente.
¿AVIF es mejor que WebP?
AVIF normalmente comprime las fotos más pequeñas que WebP con la misma calidad, pero WebP se admite en más navegadores antiguos. Ambos son modernos y valen la pena en la web.
¿Qué formato debo usar para un logo?
SVG es ideal porque escala sin perder calidad. Si necesitas un raster, PNG conserva la transparencia y los bordes nítidos.
¿Por qué mi JPG empeora cada vez que lo guardo?
Cada guardado JPG con pérdida descarta un poco más de detalle. Conserva un original sin pérdida como PNG y solo exporta JPG cuando necesites compartirlo.