Información de imagen

¿Qué es un inspector de información de imagen?#

Suelta una imagen en esta página y te dirá todo lo que el navegador puede averiguar sobre el archivo sin enviarlo a ninguna parte: el nombre, el tipo de medios IANA, el tamaño en bytes, las dimensiones en píxeles, la relación de aspecto (tanto como fracción reducida como en decimal), el total de megapíxeles y la marca de tiempo de última modificación. Es la comprobación rápida de «¿qué es exactamente este archivo?» a la que recurres antes de subirlo, incrustarlo o depurar un diseño que se rompe porque una imagen tiene la forma equivocada.

Dos cosas de esta herramienta merecen una explicación. Primero, los tamaños se muestran en unidades binarias IEC (KiB, MiB) en base 1024, no en unidades decimales SI (KB, MB) en base 1000: la misma convención que se usa en todo este conjunto de herramientas, y la que el almacenamiento y la memoria emplean en realidad. Segundo, la relación de aspecto se reduce a su forma entera más pequeña mediante un paso de máximo común divisor, de modo que 1920×1080 muestra 16:9 en vez de 1920:1080, y el valor decimal 1.78 se ofrece a su lado para usar en CSS aspect-ratio.

Las dimensiones provienen de naturalWidth y naturalHeight de la imagen: el tamaño real en píxeles del mapa de bits decodificado, no el tamaño de visualización CSS. Por eso una miniatura estirada al 100 % de ancho sigue mostrando su resolución de origen real.

Cómo se usa#

1. Arrastra una imagen a la zona punteada (o haz clic en ella para abrir el selector de archivos).
2. Lee los resultados en la tabla:
   • Nombre del archivo — el nombre original.
   • Tipo de medio — el MIME detectado, por ejemplo image/png.
   • Tamaño del archivo — bytes más una etiqueta IEC legible, por ejemplo 2.4 MiB.
   • Dimensiones — WxH en píxeles reales.
   • Relación de aspecto — fracción reducida y decimal.
   • Megapíxeles — recuento total de píxeles en millones.
   • Última modificación — la marca de tiempo almacenada en el archivo.

No hay paso de subida ni botón de envío: en el momento en que sueltas el archivo, la página lo decodifica en memoria y rellena la tabla. Suelta otro archivo para inspeccionarlo en su lugar.

Características clave#

• Dimensiones reales de origen. Lee naturalWidth/naturalHeight, así el escalado CSS no puede engañarlo.
• Relaciones de aspecto reducidas. Un paso de MCD colapsa 3840×2160 a 16:9, 4032×3024 a 4:3: la forma que de verdad usas en CSS y en herramientas de diseño.
• Unidades IEC de bytes. Etiquetado KiB/MiB consistente; los archivos menores de 1 KiB se muestran en bytes llanos.
• Total de megapíxeles. Útil para comparar la resolución del sensor y estimar la huella de memoria.
• Nada sale de la página. La imagen se lee con las APIs File e Image del navegador; sin petición de red, sin almacenamiento en servidor.

Ejemplo práctico#

Suelta una foto de teléfono llamada IMG_2026.jpg. La tabla muestra:

Esa única lectura te dice que la foto es un JPEG de 12 MP con relación 4:3 que pesa algo menos de 4 MiB: exactamente lo que necesitas para decidir si comprimirla antes de adjuntarla a un correo y para fijar aspect-ratio: 4 / 3 en su contenedor, de modo que el diseño no dé un salto cuando cargue.

Una captura de 1920×1080, por el contrario, muestra 16:9, 2.07 MP; un icono de 512×512 muestra 1:1, 0.26 MP.

Preguntas frecuentes#

¿Por qué KiB y no KB?#

Las unidades binarias IEC (KiB = 1024 bytes) coinciden con la forma en que la memoria y el almacenamiento se direccionan en realidad; las unidades decimales SI (KB = 1000 bytes) son las que los fabricantes de discos usan por marketing. Este conjunto usa IEC en todas partes para evitar la brecha persistente del 7 % entre ambas.

La relación de aspecto no coincide con las habituales 16:9 o 4:3. ¿Por qué?#

Porque la imagen, genuinamente, no tiene una relación estándar. La herramienta reduce a los términos menores reales: 1600×900 es 16:9, pero 1600×899 es 1600:899, ya que 899 es primo. Una relación ligeramente desviada suele significar que el origen se recortó o se remuestreó a un tamaño inusual.

¿Lee metadatos EXIF?#

No: es un asunto distinto. Usa la herramienta EXIF para la marca y el modelo de la cámara, el GPS, la exposición y otros metadatos incrustados. Esta página solo informa de los datos a nivel de archivo y de píxel.

¿Puede inspeccionar una imagen sin un archivo?#

Si tienes un data URL o un base64 pegado, conviértelo a archivo primero con la herramienta Base64 y luego suéltalo aquí.