Artículos sobre imágenes

Por dónde empezar

La mayoría llega acá con uno de dos problemas: un archivo que pesa demasiado, o un archivo que se ve mal. Para el primero, cómo bajar el peso de una imagen y el ancho correcto para la web lo cubren entre los dos, y el segundo es el que suele cambiarle la rutina a la gente. Para el segundo, PNG contra JPG contra WebP explica por qué un logo guardado como JPG desarrolla un halo gris y por qué una fotografía guardada como PNG pesa diez veces lo que debería.

Qué tienen en común estos artículos

Un archivo de imagen es un conjunto de concesiones que alguien ya tomó por vos, casi siempre sin avisarte. Un formato decidió si al achicarse se sacrificaría el color o la nitidez. Una cámara decidió cuántos píxeles registrar y qué escribir al lado de ellos. Una página decidió a qué ancho se mostraría el resultado, que rara vez es el ancho con el que se guardó.

Lo que se escribe acá sirve para ver esas decisiones y poder tomarlas a propósito. Eso incluye las que no tienen nada que ver con la calidad: qué revelan los datos EXIF habla de las coordenadas, las marcas de tiempo y los números de serie que viajan con una foto que publicas, y qué significa el DPI en una pantalla habla de un número que a casi todo el mundo le enseñaron a respetar y que los navegadores ignoran por completo.

Preguntas frecuentes

¿Importan los 72 DPI en las imágenes de un sitio web?

No. El campo de DPI dentro de un archivo de imagen es una nota para una impresora sobre tamaño físico, y todos los navegadores web lo ignoran. Lo que determina qué tan grande se ve una imagen en una página son sus dimensiones en píxeles y el CSS que se le aplica. Una imagen a 72 DPI y esa misma imagen a 300 DPI se muestran idénticas en un navegador.

¿Por qué mi logo se ve borroso o manchado como JPG?

La compresión JPG está hecha para fotografías, donde el color cambia de a poco. Un logo tiene bordes duros entre colores planos, que es justo el patrón que el formato peor maneja, así que produce un moteado visible alrededor de los bordes. PNG o SVG mantienen esos bordes limpios, y un SVG se ve nítido en cualquier tamaño.

¿Publicar una foto revela dónde fue tomada?

Depende de la plataforma. Las fotos suelen llevar metadatos EXIF que incluyen coordenadas GPS, la hora exacta y el número de serie de la cámara. La mayoría de las redes sociales grandes los borran al subir, pero compartir el archivo directo, mandarlo adjunto por correo y muchos sitios chicos lo dejan intacto. Verificarlo es más rápido que confiar.