Este recurso carrega minha imagem?

Não. O arquivo é decodificado no navegador por meio de URL.createObjectURL e naturalWidth/naturalHeight do elemento Image; nada deixa o dispositivo e a ferramenta continua funcionando offline.

Por que o tamanho da URL de dados é maior que o tamanho do arquivo?

A codificação Base64 expande os bytes binários em cerca de 33%, então uma URL de dados embutida é sempre maior que o arquivo original. Mostrar ambos lado a lado torna visível o verdadeiro custo de embutir antes de se comprometer com isso.

Por que a proporção de aspecto às vezes é um decimal?

A maioria das imagens reduz para proporções pequenas como 16:9 ou 4:3, mas dimensões incomuns como 137 × 77 não se simplificam limparmente e são mostradas como um decimal arredondado em vez do par sem sentido "137:77".

O que são megapixels?

Um megapixel equivale a um milhão de pixels, calculado como largura × altura. É a medida padrão de resolução de imagem — uma imagem de 1920 × 1080 é de cerca de 2,07 megapixels.

Image Info

Verifique as dimensões, a proporção de aspecto, o tipo de arquivo, o tamanho do arquivo e o tamanho da URL de dados de uma imagem — inteiramente no seu navegador.

Drag an image here, or click to choose a file

PNG, JPEG, GIF, WebP, SVG, BMP

What is Image Info?

Todo arquivo de imagem carrega metadados que descrevem como ele será renderizado: suas dimensões em pixels (largura × altura), seu tipo MIME (PNG, JPEG, WebP, etc.), seu tamanho em bytes e a proporção de aspecto entre largura e altura. Conhecer esses valores antecipadamente é importante ao preparar ativos para a web — slots de banner exigem larguras exatas, ícones de favoritos precisam de fontes quadradas e uma foto 4K geralmente precisa ser redimensionada antes de inflar uma página. Essa ferramenta lê esses metadados diretamente do arquivo escolhido no navegador: as dimensões em pixels vêm da largura e altura naturais da imagem após decodificação, o tipo de arquivo e o tamanho vêm diretamente do objeto File, a proporção de aspecto é reduzida para números inteiros mais simples por meio de uma passagem de máximo divisor comum e o tamanho da URL de dados mostra o tamanho que a imagem teria se fosse incluída como Base64.

How to Use Image Info

Arraste uma imagem para a zona de soltar, ou clique nela para escolher uma do seu dispositivo.
A ferramenta decodifica a imagem no navegador e lê suas dimensões em pixels intrínsecas.
Verifique as dimensões, a proporção de aspecto, o tipo de arquivo, o tamanho do arquivo, os megapixels e o tamanho da URL de dados no painel.
Clique em "Escolher outra imagem" para inspecionar um arquivo diferente.

Examples

Foto Full HD

Input: 1920 × 1080 JPEG, 350 KB

Output: Proporção 16:9 · 2,07 MP · tamanho da URL de dados ≈ 467 KB

Ícone quadrado

Input: 512 × 512 PNG, 24 KB

Output: Proporção 1:1 · 0,26 MP · tamanho da URL de dados ≈ 32 KB

Common Mistakes

Confundir as dimensões de pixel com DPI ou PPI de impressão — esta ferramenta relata apenas a grade de pixels armazenada, não a resolução de impressão física.
Supor que o tamanho do arquivo reflete a qualidade da imagem — um JPEG fortemente comprimido e um PNG levemente comprimido podem compartilhar dimensões idênticas, mas diferir muito em bytes.
Esquecer que os SVGs sem largura e altura explícitas não têm dimensões de pixel intrínsecas e podem relatar como 0 × 0.
Comparar o tamanho da URL de dados com o tamanho do arquivo sem considerar a sobrecarga de 33% da Base64 ao decidir se deve embutir uma imagem.

Why Use This Tool

Lê metadados totalmente no lado do cliente sem upload e sem round-trip do servidor.
Relata seis valores de uma vez: dimensões, proporção de aspecto, tipo de arquivo, tamanho do arquivo, megapixels e tamanho da URL de dados.
Reduz dimensões desconfortáveis a uma proporção de aspecto reconhecível (16:9, 4:3, 1:1) por meio da simplificação do MDC.
Arrastar e soltar ou clicar para escolher, com uma prévia visual instantânea ao lado dos números.