JPG, PNG, WebP y AVIF: ¿qué formato de imagen debería utilizar realmente?

JPEG (JPEG) es el formato que usan tus padres sin saber su nombre. Creado en 1992, ha sido el formato de fotografía predeterminado durante tres décadas. Cada dispositivo, cada navegador, cada aplicación del mundo abre archivos JPG. Utiliza compresión con pérdida, lo que significa que descarta algunos datos de la imagen para reducir el tamaño del archivo. En entornos de alta calidad (85-95%), la diferencia es invisible para la mayoría de las personas. En baja calidad, se obtienen esos característicos artefactos en "bloques" alrededor de los bordes.

PNG es el formato que les encanta a los diseñadores. Utiliza compresión sin pérdidas: nunca se pierden datos. Esto es importante por dos razones: soporte de transparencia (JPG no puede usar fondos transparentes) y nitidez del texto. Capturas de pantalla, logotipos, gráficos con texto, cualquier cosa con líneas nítidas: PNG los maneja perfectamente. La desventaja es el tamaño del archivo: un PNG puede ser fácilmente entre 5 y 10 veces más grande que un JPG de la misma foto.

WebP es la respuesta de Google a "¿y si JPG y PNG tuvieran un bebé?" Admite compresión con y sin pérdida, maneja la transparencia y, por lo general, produce archivos entre un 25 y un 35 % más pequeños que los JPG equivalentes. La compatibilidad con el navegador alcanzó más del 95% en 2023, por lo que la antigua excusa de compatibilidad prácticamente desapareció. Si ofrece imágenes en la web, WebP es la opción práctica en este momento.

AVIF es el contendiente más nuevo, basado en el códec de vídeo AV1. En pura eficiencia de compresión, supera a todo lo demás: aproximadamente un 50% más pequeño que JPG con la misma calidad visual. Admite transparencia, HDR y una amplia gama de colores. ¿La desventaja? La codificación es lenta (notablemente más lenta que WebP) y la compatibilidad con el navegador, aunque buena, aún no es del todo universal. Safari agregó soporte completo recientemente.

Para fotografías (fotos de vacaciones, imágenes de productos, retratos), desea una compresión con pérdida porque estas imágenes tienen gradientes suaves y mucha variación de color. JPG Funciona perfectamente si la compatibilidad es tu prioridad. Si los coloca en un sitio web, WebP reduce su ancho de banda en un 30% con cero diferencia visible. AVIF guarda aún más pero tarda más en codificar.

Ejemplo del mundo real: una foto de 1920 x 1080 de un paisaje puede tener 450 KB como calidad JPG de 90, 320 KB como WebP y 200 KB como AVIF. Misma calidad visual en los tres; la diferencia está puramente en el tamaño del archivo. Para un sitio web que carga 20 imágenes, esa es la diferencia entre 9 MB y 4 MB de datos de imagen. Tus usuarios con conexiones 4G lo notarán.

Para imágenes con bordes nítidos, texto, colores planos o transparencia, el juego cambia. PNG sigue siendo el valor predeterminado seguro: calidad garantizada sin pérdidas, soporte universal y transparencia. WebP sin pérdidas le ofrece la misma calidad con un tamaño de archivo aproximadamente un 26 % más pequeño. AVIF sin pérdidas también funciona pero ofrece menos ahorros que AVIF con pérdidas.

Nunca uses JPG para capturas de pantalla con texto, logotipos o maquetas de UI. La compresión JPG con pérdida crea artefactos visibles alrededor de transiciones de color nítidas: el texto se ve borroso y las líneas rectas se vuelven onduladas. Ésa no es una cuestión de establecimiento de calidad; es una limitación fundamental de cómo funciona la compresión JPG.

Si es usuario de iPhone, es posible que se pregunte dónde encaja HEIC. HEIC es el formato de fotografía predeterminado de Apple y es aproximadamente un 50% más pequeño que JPG con calidad similar. Pero aquí está el problema: los navegadores web distintos de Safari en gran medida no lo admiten. Windows necesita un complemento para verlo. La mayoría de los formularios en línea lo rechazan. HEIC es excelente para almacenar fotos en tu iPhone, pero en el momento en que necesites compartirlas o cargarlas, estarás convirtiéndolo a JPG o WebP.

Para sitios web: proporcione AVIF con un respaldo WebP y JPG como red de seguridad final. La mayoría de los sistemas de gestión de contenidos y CDN modernos manejan esto automáticamente. Para documentos y formularios: quédese con JPG: es lo que espera cada formulario cargado. Para trabajos de diseño: use PNG durante el proceso de edición, exporte como WebP o AVIF para la entrega. Para archivar: mantenga el formato original (generalmente JPG o RAW de su cámara). No convierta repetidamente entre formatos con pérdida: cada conversión degrada ligeramente la calidad.

Las guerras de formatos continuarán. JPEG XL está esperando entre bastidores y probablemente habrá algo nuevo el próximo año. Pero ahora mismo, la respuesta práctica para la mayoría de las personas es: JPG para compatibilidad, WebP para uso web moderno, PNG cuando se necesita transparencia o calidad sin pérdidas. Si necesita cambiar entre cualquiera de estos, un convertidor de imagen lo hace en segundos sin instalar nada.

Los números cuentan la historia mejor que las palabras. Tome una fotografía típica de 1920 × 1080 y guárdela en cada formato con una calidad visual comparable. JPG en calidad 85: ~250 KB. PNG (sin pérdidas): ~2,5 MB. WebP en calidad equivalente: ~180 KB. AVIF en calidad equivalente: ~130 KB. Eso significa que AVIF tiene aproximadamente la mitad del tamaño de JPG con resultados visualmente idénticos y aproximadamente un 30% más pequeño que WebP.

Para un gráfico o una captura de pantalla con texto y colores planos, los números cambian. PNG: ~150 KB. JPG con calidad 90: ~200 KB (y con artefactos visibles alrededor del texto). WebP sin pérdidas: ~100 KB. AVIF sin pérdidas: ~90 KB. Es por eso que se prefiere PNG para los gráficos: JPG en realidad produce archivos más grandes Y de menor calidad para este tipo de contenido.

JPG y PNG funcionan en todas partes: en todos los navegadores, en todas las aplicaciones, en todos los dispositivos, desde hace décadas. WebP ahora tiene compatibilidad con navegadores casi universal: Chrome, Firefox, Safari (desde 2022), Edge y todos los navegadores móviles lo admiten. Los únicos que se resisten son algunos sistemas empresariales y clientes de correo electrónico muy antiguos.

El apoyo de AVIF está creciendo, pero aún no es universal. Chrome, Firefox y Opera lo admiten totalmente. Safari agregó soporte AVIF en 2023, pero algunos dispositivos iOS más antiguos aún no lo admiten. Si está creando un sitio web, el enfoque seguro es ofrecer AVIF con respaldo WebP y JPG como red de seguridad final utilizando HTML. <picture> elemento.

La conversión de sin pérdidas a con pérdidas (PNG → JPG, PNG → WebP) es perfectamente segura: solo estás eligiendo un nivel de compresión. La conversión con pérdida a con pérdida (JPG → WebP) funciona bien para una única conversión, pero introduce una ligera pérdida de calidad. Nunca convierta repetidamente entre formatos con pérdida: cada conversión degrada aún más la calidad, como fotocopiar una fotocopia.

Si necesita convertir imágenes entre formatos, convertir PNG a JPG, convertir HEIC a JPG, o utilice nuestro otro herramientas de conversión — todo gratis e instantáneo en tu navegador.

Utilice JPG cuando: compartir fotos por correo electrónico, subirlas a las redes sociales o cuando la compatibilidad universal importa más que el tamaño del archivo. Utilice PNG cuando: la imagen tiene transparencia, contiene texto o bordes nítidos, o necesita una calidad sin pérdidas para editarla. Utilice WebP cuando: Optimizar imágenes para su sitio web: es el mejor equilibrio entre calidad, tamaño de archivo y compatibilidad con el navegador. Utilice AVIF cuando: necesita la máxima compresión y puede proporcionar alternativas para navegadores más antiguos.