Convertidor de Imagen

Cómo elegir entre los tres formatos

PNG es sin pérdida. Cada píxel vuelve exactamente como entró, admite transparencia alfa completa y comprime muy bien las zonas de color plano. Eso lo hace adecuado para capturas de pantalla, diagramas, logotipos, dibujos lineales, cualquier cosa con texto y cualquier cosa que necesite transparencia. Es una mala elección para fotografías, donde la compresión sin pérdida apenas encuentra qué eliminar y los archivos salen varias veces más grandes de lo necesario.

JPG tiene pérdida y está pensado para fotografías. Descarta detalles que el ojo percibe mal, sobre todo las variaciones finas de color, y consigue grandes reducciones en imágenes de tono continuo. No admite transparencia en absoluto y trata mal los bordes nítidos: el texto y los dibujos lineales en JPG adquieren halos visibles que ningún ajuste de calidad elimina por completo.

WebP hace ambas cosas. El WebP con pérdida suele quedar entre un 25 y un 35 % más pequeño que JPG con una calidad comparable, el WebP sin pérdida supera a PNG en alrededor de una cuarta parte y, a diferencia de JPG, admite transparencia. Hoy lo admiten todos los navegadores, y el principal motivo que queda para preferir JPG es que algunos programas de escritorio antiguos y flujos de impresión todavía no aceptan WebP.

Qué hace el control de calidad

JPG y WebP con pérdida funcionan transformando la imagen por bloques y cuantizando después el resultado: conservan con precisión la estructura general y de forma aproximada el detalle fino. El número de calidad controla lo agresivo que es ese redondeo. No es un porcentaje de nada, y el mismo número significa cosas distintas en codificadores distintos.

En la práctica el rango útil es estrecho. Por encima de 90, más o menos, el archivo crece deprisa por diferencias que casi nadie ve. Por debajo de 60 los artefactos se hacen evidentes: bloques en degradados suaves como los cielos y halos alrededor de los bordes nítidos. Entre 75 y 85 suele estar el punto óptimo para fotografías en la web, y la forma correcta de elegir es comparar la salida con el original a tamaño completo en lugar de fiarse del número.

Lo otro que conviene saber es la pérdida por generación. Cada recodificación con pérdida descarta un poco más, y la pérdida se acumula: un JPG abierto, retocado ligeramente y guardado diez veces se degrada visiblemente. Recodifica siempre desde el original y no desde una exportación anterior, y conserva un original sin pérdida si la imagen va a revisarse.

Qué se pierde al recodificar

La conversión decodifica la imagen en píxeles y escribe un archivo nuevo a partir de esos píxeles, así que se descarta todo lo que eran metadatos y no datos de imagen: el EXIF, incluidos el modelo de cámara, el objetivo, la fecha y hora y las coordenadas GPS; los pies de foto y campos de copyright IPTC; las miniaturas; y cualquier historial de edición que haya añadido el programa de origen.

Normalmente es algo positivo. Una foto recién sacada del móvil suele llevar las coordenadas exactas del lugar donde se hizo, y eliminarlas antes de publicarla es un buen reflejo. No lo es si necesitabas el campo de copyright o la fecha de captura, así que conserva el original si cualquiera de las dos cosas importa.

Hay un caso que requiere cuidado. La marca de orientación se lee y se aplica antes de recodificar, así que una foto vertical que algunos visores mostraban tumbada sale realmente derecha. Pero un perfil de color ICC incrustado no se conserva, y una foto en un espacio de gama amplia como Display P3 cambiará ligeramente al tratarse como sRGB. En imágenes web normales es imperceptible; para trabajos donde el color es crítico, convierte con una herramienta que gestione perfiles.

Lo que la conversión no puede hacer

Convertir a un formato sin pérdida no restaura nada. Un JPG guardado como PNG conserva todos los artefactos que ya tenía el JPG y simplemente los almacena sin más pérdida, en un archivo mucho más grande. Si una imagen ha pasado por una compresión fuerte, ese daño ya está en los píxeles.

Cambiar de formato tampoco reduce las dimensiones. Una fotografía de 4000 píxeles convertida a WebP sigue teniendo 4000 píxeles de ancho; si el objetivo es un archivo más ligero para una página web, redimensionarla al tamaño en que se va a mostrar ahorra mucho más que cualquier elección de formato. Las dos operaciones combinan bien - primero redimensionar, luego codificar -, y el redimensionador es la otra mitad de ese trabajo.

Lo que el JPEG realmente descarta

El JPEG trabaja en bloques de ocho por ocho pixeles. Cada bloque se transforma mediante una transformada discreta del coseno en un conjunto de coeficientes de frecuencia - uno describe el tono promedio y el resto describe detalles cada vez más finos - y esos coeficientes se dividen luego por una tabla de cuantización y se redondean. Los de alta frecuencia suelen redondearse a cero, y los ceros se comprimen extraordinariamente bien. Ese redondeo es la pérdida.

Antes de todo eso, la imagen se convierte de RGB a un canal de luminancia y dos canales de color, y los canales de color normalmente se guardan a la mitad de resolución en cada dirección. Esto es el submuestreo de croma, escrito 4:2:0, y aprovecha que la visión humana distingue el detalle de brillo mucho mejor que el detalle de color.

Ambos pasos explican los artefactos. El bloqueo en un cielo uniforme es la cuadrícula de ocho por ocho volviéndose visible cuando demasiados coeficientes se redondean a cero. El halo de color alrededor de un texto rojo sobre fondo blanco es el submuestreo de croma: el borde es nítido en luminancia y está difuminado en color. Ningún ajuste de calidad elimina ese halo por completo, y por eso el texto pertenece a PNG o WebP.

Los formatos más allá de estos tres

AVIF, derivado del códec de video AV1, comprime bastante mejor que WebP en calidad baja y media, admite gama de color amplia y transparencia, y hoy lo soportan todos los navegadores actuales. Es más lento de codificar, y un AVIF de calidad muy baja suaviza el detalle hasta darle una textura cerosa en lugar de mostrar bloques, algo que a algunas personas les parece peor que el JPEG equivalente.

HEIC es lo que producen por defecto los iPhone modernos. Es eficiente, pero está sujeto a patentes y los navegadores no lo admiten, así que las imágenes tomadas con el teléfono suelen necesitar conversión antes de poder publicarse en un sitio web. SVG no es un formato de mapa de bits en absoluto: es marcado que describe formas, lo que lo vuelve ideal para logotipos e iconos a cualquier tamaño e inútil para fotografías.

GIF sigue vivo por una sola razón, la inercia. Tiene 256 colores, ningún canal alfa que merezca ese nombre, y produce archivos varias veces más grandes que el video equivalente para una animación. Un MP4 o un WebM hace el mismo trabajo con una fracción del tamaño.

Servir imágenes en una página

La elección del formato importa menos que servir las dimensiones correctas. Una fotografía de 4000 pixeles mostrada en una columna de 600 pixeles desperdicia la mayoría de sus bytes sin importar el códec. El atributo srcset permite que el navegador elija entre varios anchos, y sizes le indica con qué ancho se va a mostrar realmente la imagen; juntos suelen ahorrar más que cualquier recodificación.

El elemento picture va más lejos al ofrecer formatos distintos, de modo que el navegador toma AVIF si puede, WebP si no, y JPEG como mínimo garantizado. Generar esa combinación a mano es tedioso; una CDN de imágenes o el componente de imagen de un framework la genera por ti.

Hay dos atributos que conviene poner en toda imagen: width y height explícitos, para que el navegador reserve el espacio y la página no se desplace mientras cargan las imágenes, y loading=lazy en todo lo que quede por debajo del primer pantallazo. La imagen que se ve primero no debe ser lazy, ya que retrasarla empeora directamente el largest contentful paint.

Perfiles de color, transparencia e impresión

Un perfil ICC le dice al visor cómo interpretar los números de un archivo. Una foto de un teléfono moderno suele venir etiquetada como Display P3, y cuando esa etiqueta se pierde los mismos números se leen como sRGB, lo que desplaza todos los colores saturados. Esta conversión decodifica a pixeles y escribe un archivo nuevo, así que el perfil no sobrevive: está bien para imágenes web corrientes, no para trabajo donde el color es crítico.

La transparencia tiene una carencia parecida. Convertir a JPEG un PNG con canal alfa lo compone sobre un fondo, y el resultado habitual es un halo negro o blanco alrededor de los bordes suavizados. WebP y AVIF conservan el canal, así que son el destino correcto cuando la transparencia importa.

La impresión es otro flujo completamente distinto. Las pantallas son RGB aditivo y las prensas son CMYK sustractivo, la conversión depende de la tinta, el papel y el perfil de la prensa, y los colores vivos en pantalla con frecuencia no tienen equivalente imprimible. Cualquier valor CMYK que muestre una herramienta en el navegador es una aproximación, útil para hacerse una idea y no para una prueba de color.

Metadatos, privacidad y procedencia

Una fotografía lleva mucho más que pixeles. El EXIF registra la cámara y el lente, los parámetros de exposición, la fecha y la hora, y a menudo las coordenadas GPS del lugar donde se tomó. Las plataformas sociales suelen eliminar todo eso al subir el archivo, pero los archivos enviados por correo, adjuntos a un ticket o subidos a tu propio sitio normalmente lo conservan.

Eliminar los metadatos es el comportamiento por defecto de cualquier recodificación, incluida esta, lo cual la mayoría de las veces es el resultado más favorable para la privacidad y una molestia cuando el copyright, el pie de foto o la fecha de captura sí importaban. Si alguno de esos datos forma parte del registro, conserva el original y trata la copia convertida como un derivado.

Hay un campo que vale la pena preservar de forma deliberada: la orientación. Las cámaras guardan la rotación como una marca en lugar de rotar los pixeles, de modo que una foto vertical puede verse acostada en programas que ignoran esa marca. Aplicar la rotación antes de recodificar, como se hace aquí, es lo que logra que el archivo convertido se vea correctamente en todas partes.