Formatos de imagen explicados

JPEG es un formato con pérdida pensado para imágenes de tono continuo, que es una forma precisa de decir fotografías. Maneja muy bien los degradados suaves, los tonos de piel y la textura natural.

No puede almacenar transparencia y emborrona notablemente los bordes duros y el texto. Una captura de pantalla en JPEG se ve visiblemente peor que la misma captura en PNG con un tamaño de archivo parecido.

Úsalo para: fotografías, especialmente lo que salga de tu sitio. Evítalo para: logotipos, capturas, texto y cualquier cosa con transparencia.

PNG es sin pérdida y con canal alfa completo. Cada píxel sobrevive exacto, que es justo lo que necesitas para un logotipo que debe verse limpio sobre cualquier fondo.

El coste es el tamaño. Una fotografía en PNG suele ser entre cinco y diez veces más grande que un buen JPEG de la misma imagen sin ningún beneficio visible, porque está guardando fielmente ruido de sensor que nadie puede percibir.

Úsalo para: logotipos, iconos, capturas, diagramas, cualquier cosa con transparencia o bordes nítidos. Evítalo para: fotografías.

WebP admite modo con y sin pérdida, transparencia y animación. Es entre un 25 y un 35 % más pequeño que JPEG en fotografías y a menudo un 50 % más pequeño que PNG en gráficos.

En resumen: mejor que ambos en casi todo, y compatible allí donde importa.

Úsalo para: prácticamente todo en tu propia web. Evítalo para: archivos que van a un destino que no puedes verificar.

AVIF comprime aún mejor que WebP, en torno a la mitad que JPEG. Es más lento de codificar y de descodificar, y su compatibilidad, aunque amplia, no es universal. Merece la pena en cabeceras grandes, rara vez en miniaturas.

GIF está obsoleto para casi cualquier propósito. Limitado a 256 colores y con archivos enormes. Los GIF animados deberían ser vídeos cortos (MP4 o WebM), muchísimo más pequeños y de mejor aspecto. La única razón real para usar GIF es una plataforma que no acepte otra cosa.

SVG no es un formato de píxeles: es un conjunto de instrucciones de dibujo. Escala a cualquier tamaño sin perder calidad y suele ser diminuto. Para logotipos, iconos e ilustraciones simples supera a todo lo demás. No puede representar una fotografía.

• ¿Es un logotipo o icono hecho de formas? → SVG
• ¿Necesita transparencia o contiene texto? → WebP, o PNG si el destino lo exige
• ¿Es una fotografía para tu propio sitio? → WebP
• ¿Es una fotografía que va a otro sitio? → JPG
• ¿Está animada? → MP4 o WebM, no GIF