Informações da imagem

O que é um inspetor de informações de imagem?#

Solte uma imagem nesta página e ela lhe diz tudo o que o navegador consegue determinar sobre o arquivo sem enviá-lo para nenhum lugar: o nome do arquivo, o tipo de mídia IANA, o tamanho em bytes, as dimensões em pixels, a proporção (tanto como fração reduzida quanto como decimal), o total de megapixels e o registro de data/hora da última modificação. É a verificação rápida “que arquivo é esse, afinal?” que você procura antes de enviar, embutir ou depurar um layout que quebra porque uma imagem tem o formato errado.

Duas coisas nesta ferramenta merecem explicação. Primeiro, os tamanhos são reportados em unidades binárias IEC (KiB, MiB) na base 1024, não em unidades decimais do SI (KB, MB) na base 1000 — a mesma convenção usada em todo este conjunto de ferramentas, e a que armazenamento e memória de fato usam. Segundo, a proporção é reduzida à sua forma inteira mais simples pelo cálculo do máximo divisor comum, então 1920×1080 reporta 16:9 em vez de 1920:1080, e o decimal 1.78 é fornecido ao lado para uso em aspect-ratio do CSS.

As dimensões vêm do naturalWidth e naturalHeight da imagem — o tamanho real em pixels do bitmap decodificado, não o tamanho de exibição do CSS — então uma miniatura esticada para 100% da largura ainda reporta a resolução real da origem.

Como usar#

1. Solte uma imagem na zona tracejada (ou clique nela para abrir o seletor de arquivos).
2. Leia os resultados na tabela:
   • Nome do arquivo — o nome original do arquivo.
   • Tipo de mídia — o MIME detectado, por exemplo image/png.
   • Tamanho do arquivo — bytes mais um rótulo IEC legível, por exemplo 2.4 MiB.
   • Dimensões — LxA em pixels reais.
   • Proporção — razão reduzida e decimal.
   • Megapixels — contagem total de pixels em milhões.
   • Última modificação — o registro de data/hora armazenado no arquivo.

Não há etapa de envio nem botão de “enviar” — no momento em que o arquivo é solto, a página o decodifica na memória e preenche a tabela. Solte outro arquivo para inspecioná-lo no lugar.

Principais funcionalidades#

• Dimensões reais da origem. Lê naturalWidth/naturalHeight, então o dimensionamento do CSS não consegue enganá-lo.
• Proporções reduzidas. Um cálculo de MDC recolhe 3840×2160 para 16:9, 4032×3024 para 4:3 — a forma que você de fato usa em CSS e em ferramentas de design.
• Unidades de bytes IEC. Rotulagem consistente em KiB/MiB; arquivos menores que 1 KiB são reportados em bytes simples.
• Total em megapixels. Útil para comparar a resolução do sensor e estimar o consumo de memória.
• Nada sai da página. A imagem é lida com as APIs File e Image do próprio navegador; nenhuma requisição de rede, nenhum armazenamento em servidor.

Exemplo prático#

Solte uma foto de celular chamada IMG_2026.jpg. A tabela reporta:

Essa única leitura lhe diz que a foto é um JPEG de 12 MP em 4:3 com pouco menos de 4 MiB — exatamente o que você precisa para decidir se vai compactá-la antes de anexar a um e-mail, e para definir aspect-ratio: 4 / 3 no contêiner dela, para que o layout não salte quando ela carregar.

Já uma captura de tela de 1920×1080, por contraste, reporta 16:9, 2.07 MP; um ícone de 512×512 reporta 1:1, 0.26 MP.

FAQ#

Por que KiB e não KB?#

As unidades binárias IEC (KiB = 1024 bytes) correspondem a como memória e armazenamento são de fato endereçados; as unidades decimais do SI (KB = 1000 bytes) são o que os fabricantes usam para marketing. Este conjunto usa IEC em toda parte para evitar a diferença persistente de 7% entre as duas.

A proporção não bate com o 16:9 ou 4:3 comum — por quê?#

Porque a imagem genuinamente não tem uma proporção padrão. A ferramenta reduz aos termos mais baixos reais: 1600×900 é 16:9, mas 1600×899 é 1600:899, já que 899 é primo. Uma proporção ligeiramente fora do padrão costuma indicar que a origem foi recortada ou reamostrada para um tamanho incomum.

Ele lê os metadados EXIF?#

Não — isso é uma questão separada. Use a ferramenta de EXIF para marca e modelo da câmera, GPS, exposição e outros metadados embutidos. Esta página reporta apenas os fatos de nível de arquivo e de nível de pixel.

Ele consegue inspecionar uma imagem sem um arquivo?#

Se você tem um data URL ou um base64 colado, converta-o em arquivo primeiro com a ferramenta de Base64 e depois solte-o aqui.