Mucha gente elige el formato de imagen por costumbre — "siempre guardo en JPG" o "PNG es mejor calidad" — sin entender qué es lo que realmente diferencia a uno del otro. El resultado son fotos de producto guardadas en PNG que pesan 5× más de lo necesario, logos guardados en JPG con bordes degradados, y capturas de pantalla en JPG con texto ilegible.

Esta guía cubre todos los formatos relevantes en 2026: qué es cada uno, cómo funciona el algoritmo de compresión, dónde brilla, dónde falla, y la decisión correcta para cada caso de uso.

Formatos rasterizados vs vectoriales: la distinción fundamental

Antes de entrar en cada formato, hay que entender la división más importante: rasterizado vs vectorial.

Las imágenes rasterizadas (JPG, PNG, WebP, AVIF, GIF, BMP) almacenan la imagen como una cuadrícula de píxeles — cada punto tiene un color definido. La resolución es fija: ampliar más allá del tamaño original crea pixelación porque no existen datos para los píxeles nuevos. Es como intentar ampliar una foto impresa — aparecen los puntos de tinta.

Las imágenes vectoriales (SVG) almacenan la imagen como instrucciones matemáticas — "dibuja un círculo de radio 50 en la posición X,Y con color Z". La renderización ocurre en tiempo real, calculada para cualquier resolución. Escala infinitamente sin pérdida de calidad.

La elección entre rasterizado y vectorial no es cuestión de preferencia — la determina el tipo de contenido. Las fotografías siempre necesitan formatos rasterizados. Los logos, íconos e ilustraciones geométricas se benefician del vectorial.

Los formatos en detalle

JPG / JPEG  Joint Photographic Experts Group

Rasterizado Con pérdida (lossy) Sin transparencia Sin animación Compatibilidad: 100%

Creado en 1992 por el Joint Photographic Experts Group, el JPG fue diseñado específicamente para comprimir fotografías de forma eficiente. Su algoritmo divide la imagen en bloques de 8×8 píxeles y aplica la Transformada Discreta de Coseno (DCT) para representar cada bloque como una combinación de frecuencias — descartando las frecuencias de alta variación que el ojo humano percibe menos. El resultado es una compresión con pérdida (lossy): parte de los datos originales se descarta permanentemente.

Por qué funciona tan bien para fotos: las fotografías tienen una variación de color suave y gradual — exactamente el tipo de información que el JPG comprime con más eficiencia. Una foto de paisaje en JPG con calidad 80% puede ser 10× más pequeña que el mismo archivo sin compresión, con una diferencia visual imperceptible en pantalla.

Dónde falla: el algoritmo de bloques 8×8 crea artefactos visibles en bordes nítidos, textos y áreas de color uniforme. Un logo negro sobre fondo blanco en JPG mostrará manchas grises alrededor de las letras — los famosos "artefactos JPEG". El JPG tampoco soporta canal alfa (transparencia).

Cuándo usarlo: fotografías para web, impresión y correo electrónico. Fotos de producto, banners, imágenes de blog. Cualquier imagen con muchas variaciones de color y sin necesidad de transparencia.

Cuándo no usarlo: logos, íconos, capturas de pantalla con texto, imágenes con fondo transparente, ilustraciones con bordes nítidos, imágenes que se van a reeditar y volver a guardar varias veces.

PNG  Portable Network Graphics

Rasterizado Sin pérdida (lossless) Transparencia total (canal alfa) Sin animación nativa Compatibilidad: 100%

Creado en 1996 como alternativa al GIF (que tenía restricciones de patente), el PNG usa compresión sin pérdida — no se descarta ningún dato. El algoritmo DEFLATE (combinación de LZ77 y codificación Huffman) reorganiza los datos de píxel de forma más eficiente sin descartar nada. Esto garantiza que la imagen descomprimida sea píxel-perfecta respecto al original, sin importar cuántas veces se guarde el archivo.

El canal alfa: el PNG soporta un cuarto canal por píxel además de RGB — el canal alfa, que controla la opacidad de 0 (completamente transparente) a 255 (completamente opaco). Esto permite transparencia total, semitransparencia y bordes con anti-aliasing suave sobre cualquier fondo.

PNG-8 vs PNG-24 vs PNG-32: PNG-8 usa una paleta de hasta 256 colores (como GIF), ideal para íconos simples e imágenes con pocos colores. PNG-24 usa colores completos (16 millones) sin transparencia. PNG-32 usa colores completos con canal alfa — es el tipo más común cuando se habla de "PNG transparente".

Dónde falla: para fotografías, el PNG es ineficiente — los archivos de fotos en PNG pueden ser 3–10× más grandes que el equivalente en JPG. La compresión sin pérdida no puede eliminar la variación de color de las fotografías de forma eficiente.

Cuándo usarlo: logos e íconos con fondo transparente, capturas de pantalla con texto, infografías, imágenes con áreas de color uniforme, arte digital con bordes nítidos, imágenes que necesitan reeditarse sin pérdida acumulada.

Cuándo no usarlo: fotografías para web (usa JPG o WebP), imágenes que necesitan archivos pequeños, email marketing donde JPG tiene mejor compatibilidad.

WebP  Web Picture format

Rasterizado Con y sin pérdida Transparencia total (canal alfa) Animación soportada Compatibilidad: ~97% (2026)

Desarrollado por Google a partir del códec de video VP8, el WebP se lanzó en 2010 para ser el sucesor universal de JPG y PNG en la web. Soporta ambos modos: con pérdida (basado en VP8, para fotos) y sin pérdida (basado en un algoritmo propio, para gráficos). En el modo con pérdida, WebP usa predicción de bloques y transformación adaptativa — técnicas más sofisticadas que el DCT del JPG — para producir archivos 25–35% más pequeños con calidad visual equivalente.

Lo mejor de ambos mundos: además de sustituir al JPG para fotos (modo con pérdida), el WebP también sustituye al PNG para logos y gráficos (modo sin pérdida con canal alfa), generalmente con archivos 20–30% más pequeños. Es el único formato que unifica los casos de uso de JPG y PNG con mejor eficiencia en ambos.

Compatibilidad en 2026: soportado por Chrome, Firefox, Safari (desde la 14), Edge y Opera — cubriendo más del 97% de los usuarios de la web. La principal excepción son los clientes de correo antiguos (especialmente Outlook) y los sistemas corporativos heredados con IE11.

Cuándo usarlo: prácticamente cualquier imagen para web — fotos, logos, íconos, banners. Es el formato estándar recomendado para cualquier subida en sitios modernos. El PageSpeed Insights de Google recomienda específicamente WebP cuando detecta JPG o PNG donde podría usarse WebP.

Cuándo no usarlo: email marketing (compatibilidad inconsistente), impresión gráfica, miniaturas de YouTube (no acepta WebP), archivos para descarga que los usuarios finales van a abrir localmente en sistemas antiguos.

AVIF  AV1 Image File Format

Rasterizado Con y sin pérdida Transparencia total (canal alfa) Animación soportada Compatibilidad: ~88% (2026)

AVIF deriva del códec de video AV1 (desarrollado por la Alliance for Open Media, que incluye a Google, Mozilla, Netflix, Amazon y otros). Es el formato más reciente y técnicamente más avanzado disponible para imágenes en la web — produce archivos 20–50% más pequeños que WebP con calidad visual equivalente en muchos casos, especialmente en calidades más bajas donde WebP empieza a mostrar artefactos visiblemente.

Por qué es tan eficiente: AV1 usa técnicas de compresión mucho más sofisticadas que el VP8 de WebP — incluyendo modos de predicción intra-cuadro, transformadas de tamaño variable y loop filters. El resultado es particularmente impresionante en fotos de alta complejidad y degradados sutiles.

El problema de la codificación: convertir imágenes a AVIF es significativamente más lento que a WebP — un codificador AVIF puede tardar de 10 a 100 veces más en procesar la misma imagen. Para sitios con muchas imágenes o pipelines de build que generan versiones de imágenes en tiempo real, ese costo computacional es relevante.

Compatibilidad en 2026: Chrome 85+, Firefox 93+, Safari 16+. No soportado por IE11 ni por la mayoría de los clientes de correo. El soporte todavía es menor que el de WebP, y la recomendación es servir AVIF con fallback a WebP y JPG usando la etiqueta <picture>.

Cuándo usarlo: sitios de alto tráfico donde cada KB ahorrado tiene un impacto significativo en el costo de ancho de banda; imágenes de alta calidad donde la diferencia visual vs WebP es perceptible; proyectos nuevos donde el pipeline de build ya soporta AVIF.

Cuándo no usarlo: cuando el tiempo de codificación es un factor crítico; para uso en el conversor de ImageTools (el codificador AVIF vía Canvas API en los navegadores no está optimizado y puede producir archivos más grandes que el original — usa herramientas del lado del servidor como sharp para AVIF de calidad).

SVG  Scalable Vector Graphics

Vectorial Sin pérdida (por naturaleza) Transparencia total Animación vía CSS/JS Compatibilidad: 98%+

SVG es radicalmente diferente de todos los demás formatos de esta lista. En lugar de almacenar píxeles, almacena instrucciones matemáticas en XML — "dibuja un rectángulo de ancho 200 en la posición X,Y con color #3ecf8e". El navegador o software calcula los píxeles en tiempo real en la resolución necesaria. Un SVG de 5 KB puede mostrarse perfectamente en un favicon de 16px o en una valla publicitaria de 20 metros.

Por qué es el formato ideal para logos e íconos: los logos e íconos están compuestos de formas geométricas — rectángulos, círculos, curvas bézier, texto. El SVG describe exactamente esas formas sin ninguna pérdida de información. Un PNG de logo en 200px queda pixelado en 2000px; el mismo logo en SVG queda perfecto en cualquier tamaño.

Editable vía CSS y JavaScript: los elementos SVG en línea en el HTML pueden manipularse como cualquier otro elemento del DOM — color modificado vía CSS, animaciones añadidas vía transiciones CSS o JS, interactividad con eventos del mouse. Es como HTML para imágenes.

Dónde falla: las fotografías e imágenes con muchos colores y degradados complejos resultan en SVGs enormes e impracticables — y aun así, la calidad sería inferior a la del JPG porque el SVG no fue diseñado para representar datos fotográficos.

Cuándo usarlo: logos, íconos, ilustraciones geométricas, gráficos de datos, mapas, cualquier arte que necesite escalar a múltiples tamaños, íconos interactivos en interfaces web.

Cuándo no usarlo: fotografías, imágenes con muchos colores y texturas, redes sociales (la mayoría no acepta SVG para subir), email marketing.

GIF  Graphics Interchange Format

Rasterizado Sin pérdida (pero paleta limitada) Transparencia parcial (1 color) Animación soportada Compatibilidad: 100%

Creado en 1987 por CompuServe, el GIF usa el algoritmo LZW (Lempel-Ziv-Welch) para compresión sin pérdida — pero con una limitación fundamental: soporta solo 256 colores por fotograma. Cada píxel es un índice en una paleta de hasta 256 entradas, lo que hace que el formato sea ineficiente para fotos (que tienen millones de colores) pero adecuado para imágenes simples con pocos colores.

El motivo por el que el GIF sobrevivió hasta hoy: es el único formato rasterizado de amplia compatibilidad que soporta animaciones de múltiples fotogramas de forma nativa — y esa característica lo mantuvo vivo décadas después de que surgieran formatos técnicamente superiores. El WebP animado y el AVIF animado son alternativas más eficientes, pero la compatibilidad y la presencia cultural del GIF animado garantizan su presencia.

Transparencia parcial: el GIF soporta solo un color "transparente" por fotograma — sin semitransparencia ni anti-aliasing. El resultado son bordes "dentados" alrededor de elementos con bordes curvos, especialmente sobre fondos de color.

Cuándo usarlo: animaciones simples en plataformas que no soportan WebP animado o MP4; íconos animados con pocos colores; memes y contenido de redes sociales donde el formato GIF se espera culturalmente.

Cuándo no usarlo: fotos estáticas (usa JPG o WebP), logos estáticos (usa PNG o SVG), animaciones complejas para web (usa MP4 o WebP animado — mucho más eficientes).

BMP  Bitmap

Rasterizado Sin compresión (generalmente) Sin transparencia nativa Sin animación Compatibilidad: Windows/Office

BMP es el formato de bitmap de Windows, creado por Microsoft. En la mayoría de las configuraciones, no aplica compresión — cada píxel se almacena directamente con su valor de color. El resultado son archivos muy grandes: una imagen de 1920×1080 en BMP de 24 bits ocupa exactamente 5,93 MB, siempre, sin importar el contenido.

Por qué todavía existe: el BMP tiene compatibilidad garantizada en todo el ecosistema Microsoft — Windows, Office, impresoras y software de edición heredado. Para uso interno en pipelines de procesamiento de imágenes donde la ausencia de compresión es una ventaja (garantía de datos sin artefactos en cada etapa), el BMP todavía tiene espacio.

Cuándo usarlo: cuando un sistema específico (especialmente heredado) exige BMP; como formato intermedio en pipelines de procesamiento donde la compresión introduciría artefactos no deseados; impresión industrial en algunos sistemas específicos.

Cuándo no usarlo: cualquier uso en la web, correo electrónico, redes sociales o cualquier contexto donde el tamaño del archivo importe.

Tabla comparativa completa

Formato Compresión Transparencia Animación Ideal para Tamaño relativo (foto)
JPG Con pérdida No No Fotografías Referencia (1×)
PNG-32 Sin pérdida Canal alfa completo No Logos, íconos, capturas de pantalla 3–8× mayor que JPG
WebP con pérdida Con pérdida Canal alfa completo Sí Todo en la web 25–35% menor que JPG
WebP sin pérdida Sin pérdida Canal alfa completo Sí Logos, íconos 20–30% menor que PNG
AVIF Con y sin pérdida Canal alfa completo Sí Web de alto rendimiento 30–50% menor que JPG
SVG Vectorial Total Vía CSS/JS Logos, íconos, ilustraciones Varía (muy pequeño para formas simples)
GIF Sin pérdida (256 colores) 1 color (sin semi) Sí (multi-fotograma) Animaciones simples Variable
BMP Ninguna No nativa No Sistemas heredados de Windows 5–20× mayor que JPG

La guía de decisión: ¿qué formato usar?

Para fotos e imágenes con muchos colores

Para logos e identidad visual

Para capturas de pantalla

Para animaciones

Para íconos de interfaz

🎯 Regla del 80% de los casos: fotografía → WebP (o JPG para correo/impresión). Logo e ícono → SVG (o PNG donde no se acepte SVG). Captura de pantalla con texto → PNG o WebP sin pérdida. Animación → MP4 o GIF.

Por qué el mismo archivo puede tener calidades diferentes en el mismo formato

Una confusión común: "el JPG tiene mala calidad" o "el PNG siempre tiene buena calidad". En realidad, la calidad de un archivo no es una propiedad del formato — es una consecuencia de las decisiones tomadas al guardarlo.

Un JPG guardado al 95% de calidad tiene una calidad visual excelente — virtualmente idéntica al original. El mismo JPG guardado al 30% de calidad tiene artefactos severos. La diferencia no está en el formato: está en la configuración de compresión usada.

El PNG no tiene ese problema porque usa compresión sin pérdida — el archivo puede ser más grande o más pequeño dependiendo del algoritmo y nivel de compresión, pero la calidad visual siempre es idéntica al original. El PNG "nunca pierde calidad" no porque sea superior al JPG, sino porque usa un tipo diferente de compresión que no descarta datos.

⚠️ Cuidado con los ciclos de compresión JPG: guardar un JPG, abrirlo y guardarlo de nuevo aplica compresión sobre compresión — cada ciclo descarta más datos. Después de 5–10 ciclos, la degradación visual es significativa. Trabaja siempre a partir del archivo original de mayor calidad y exporta a JPG solo en el paso final.

Convirtiendo entre formatos

Usa el Conversor de Imagen de ImageTools para convertir entre JPG, PNG y WebP directamente en el navegador — sin instalar nada, sin enviar archivos a servidores externos. Selecciona el formato de destino, sube el archivo y descarga el resultado.

Para convertir específicamente a WebP, tenemos una guía dedicada que cubre todos los métodos — online, WordPress, línea de comandos y Node.js.

Convierte entre formatos ahora

JPG, PNG y WebP — conversión gratuita en el navegador, sin registro, sin enviar archivos a servidores externos.

Convertir imagen gratis

Preguntas frecuentes

¿Qué formato tiene la mejor calidad de imagen?
La respuesta depende del contexto. Para fotografías, la calidad es una función de la compresión aplicada — un JPG al 95% o WebP al 90% tienen una calidad visual excelente, virtualmente indistinguible del original en pantalla. PNG tiene una calidad idéntica al original por definición (sin pérdida), pero para fotos produce archivos enormes sin ganancia visual en pantalla. SVG tiene una calidad "infinita" para formas geométricas porque no depende de píxeles. No existe "el formato con mejor calidad" — existe el formato correcto para cada tipo de contenido.
¿Por qué mi PNG de una foto es mucho más grande que el JPG de la misma foto?
Porque PNG usa compresión sin pérdida, que no puede eliminar la variación de color de las fotografías de forma eficiente. Una foto tiene millones de píxeles con colores levemente diferentes — exactamente el tipo de dato que el algoritmo sin pérdida no puede representar de forma compacta. El JPG (y el WebP) descartan datos de alta frecuencia que el ojo apenas percibe, logrando reducir el archivo en un 90%+ sin pérdida visual significativa. PNG es eficiente para imágenes con grandes áreas de color uniforme (logos, íconos), no para fotografías.
¿WebP va a sustituir completamente a JPG y PNG?
Para uso en la web, WebP ya sustituyó efectivamente a JPG y PNG en las mejores prácticas. Pero JPG y PNG persistirán por mucho tiempo porque: el ecosistema de correo electrónico todavía tiene compatibilidad inconsistente con WebP; las herramientas de impresión y las imprentas trabajan con JPG y TIFF; el JPG está en miles de millones de archivos existentes; y la familiaridad de los usuarios con estos formatos es enorme. En la práctica, la coexistencia entre los formatos durará décadas.
¿AVIF es mejor que WebP? ¿Debo migrar ahora?
AVIF es técnicamente superior a WebP en eficiencia de compresión — especialmente en calidades bajas y medias, donde WebP empieza a mostrar artefactos antes que AVIF. Pero la migración completa a AVIF todavía no tiene sentido para la mayoría de los sitios en 2026 porque: la compatibilidad todavía es menor que la de WebP; la codificación es mucho más lenta (problema en pipelines de build); y la ganancia real en la mayoría de las imágenes típicas de sitios web no es tan dramática como sugieren los benchmarks en casos ideales. La recomendación es: implementa WebP ahora, evalúa AVIF para casos específicos de alto tráfico.
¿Puedo usar SVG para cualquier tipo de imagen?
No. SVG es eficiente solo para imágenes que pueden describirse con formas geométricas — logos, íconos, gráficos, diagramas, ilustraciones vectoriales. Para fotografías, un SVG sería impracticable: representar cada píxel de una foto de 12 megapíxeles como instrucción XML resultaría en un archivo de gigabytes que sería imposible de renderizar. El SVG tiene un dominio específico donde es insuperable (formas geométricas escalables), y otros dominios donde es completamente inapropiado (fotografías, imágenes con textura).
¿Qué es el formato HEIC que aparece en las fotos del iPhone?
HEIC (High Efficiency Image Container) es el formato estándar de cámara del iPhone desde iOS 11. Está basado en el códec HEVC (H.265) y produce archivos aproximadamente un 50% más pequeños que JPG con calidad equivalente — similar a lo que hace AVIF, pero con una tecnología diferente. El problema es que la compatibilidad de HEIC es limitada: Windows 10 y 11 necesitan un códec adicional para abrirlo, y muchas plataformas web no aceptan subir archivos en HEIC. Para uso en la web, convierte HEIC a WebP o JPG antes de usarlo.