10 guías sobre imagen
Formatos, compresión y redimensionado, y el compromiso que impone cada uno. Guías sobre lo que una imagen pierde en cada paso entre la cámara y la página, y cómo saber qué pérdida puede permitirse.
Ordenados por cuántas páginas del sitio enlazan con ellos, no por tráfico.
Medido en el propio redimensionador: «Rellenar» es un recorte centrado sin punto de interés, y una foto vertical pierde el 38,9 % por arriba para un banner del tamaño de X. Además, las dimensiones publicadas actuales, cada una con la fecha en que se comprobó.
Daniel Okonkwo · 15 min
Un JPEG puede llevar seis bloques de metadatos distintos, no uno. Fabricamos un archivo que los contenía todos — coordenadas, número de serie de la cámara, miniatura oculta, XMP, IPTC, comentario —, lo pasamos por el limpiador y leímos la salida byte a byte para ver qué sobrevivía.
Daniel Okonkwo · 14 min
Un archivo de foto lleva coordenadas, una marca de tiempo exacta, el dispositivo y el objetivo, y en algunas cámaras un número de serie. Esto es lo que contiene realmente el bloque, qué arregla y qué no arregla borrarlo, y cómo verificar que funcionó.
Daniel Okonkwo · 14 min
La cifra DPI guardada dentro de un archivo de imagen es una etiqueta. No cambia ningún píxel. El tamaño impreso son los píxeles divididos entre el PPI — y el DPI, bien usado, significa otra cosa: los puntos de la impresora.
Daniel Okonkwo · 11 min
Dos propiedades deciden el formato — fotográfica o de tintas planas, y si necesita alfa o animación. Todo lo demás se deriva de ahí. Con los tamaños medidos de las mismas dos imágenes en los cuatro formatos.
Daniel Okonkwo · 14 min
JPG, PNG y WebP ganan en casos distintos. Aquí tienes cuándo usar cada uno para el mejor equilibrio entre calidad, tamaño y compatibilidad.
Daniel Okonkwo · 3 min
Las imágenes más pequeñas cargan más rápido y posicionan mejor. Aquí tienes cómo reducir una imagen con criterio — formato, resolución y nivel de compresión — sin pérdida visible.
Daniel Okonkwo · 3 min
Los dos sentidos fallan de forma opuesta. PNG a JPG aplana en silencio la transparencia sobre un color de fondo que elige el conversor — obtuvimos blanco con una herramienta y negro con otra sobre el mismo archivo. JPG a PNG no recupera nada y costó hasta 11,4 veces los bytes.
Daniel Okonkwo · 14 min
Una marca visible vive en los píxeles, así que sobrevive a toda copia — y degrada la imagen para todo espectador honesto al mismo tiempo. Medido: qué cuesta una marca de esquina, qué cuesta una marca en mosaico, y cómo se compara cada una con el crédito en metadatos, las Content Credentials y la marca de agua invisible.
Daniel Okonkwo · 15 min
Cinco archivos cubren todos los consumidores que existen: la pestaña, el marcador, el mosaico anclado, la pantalla de inicio de Android y la de iOS. Las listas de veinte archivos son una matriz de navegadores muerta — con medidas de lo que un icono de 16 píxeles puede y no puede contener.
Daniel Okonkwo · 15 min