Como Saber A Dimensão De Uma Imagem

Ver dimensões de imagem: o que funciona de verdade

Como saber a dimensão de uma imagem sem complicar

A forma mais direta é usar as propriedades do sistema operacional. No Windows, você clica com o botão direito na imagem, seleciona Propriedades e vai na aba Detalhes. O Windows mostra largura e altura em pixels. No macOS, Command+I abre as informações do Finder, que também exibem dimensões e resolução. No Linux, a maioria dos gerenciadores de arquivos tem uma visualização de propriedades similar, ou você pode rodar um comando no terminal com o ImageMagick. Eu costumava confiar nessa abordagem até um dia em que um cliente me enviou um arquivo TIFF de uma campanha publicitária. As propriedades do Windows mostravam 4000x6000 pixels, mas quando abri no Photoshop, a imagem tinha dimensões diferentes porque o TIFF tinha múltiplos frames e resoluções Embedded. Foi aí que aprendi que o método nativo do SO nem sempre entrega a informação que você realmente precisa.

O problema é que essas informações variam dependendo do formato do arquivo. JPEG, PNG, WebP, TIFF, AVIF — cada um armazena os dados de dimensão de um jeito diferente no cabeçalho. Nem sempre o que o explorador de arquivos mostra é a resolução final de renderização. Arquivos EXIF podem conter tags de rotação que inverteram largura e altura, por exemplo. Eu já vi cases em que uma foto aparecia como 1080x1920 nas propriedades, mas ao abrir no navegador ou em qualquer editor, ela vinha rotacionada como 1920x1080. O dado estava certo, só que a tag Exif Orientation não era interpretada pelo visualizador do sistema operacional.

Método via linha de comando com ImageMagick

O ImageMagick resolve isso de forma consistente. Você instala o pacote — no Ubuntu é sudo apt install imagemagick, no macOS via Homebrew, no Windows você baixa o instalador oficial do ImageMagick — e roda o comando: magick identify dimensao.jpg

O retorno inclui largura, altura, resolução e até o modo de cor. Isso funciona para praticamente qualquer formato, exceto GIFs animados, onde o identify mostra apenas o primeiro frame. Se você precisa das dimensões de todos os frames, o comando é um pouco diferente: magick identify -format "%wx%h" animacao.gif

Isso já elimina a maioria dos casos problemáticos que eu encontrava usando as ferramentas nativas. O ImageMagick lê o cabeçalho do arquivo bruto, sem depender da interpretação do sistema operacional.

Python para automação

Quando você precisa verificar dimensões de centenas de imagens, o Python com a biblioteca Pillow é mais rápido. Um script simples: from PIL import Image

img = Image.open("foto.jpg") print(img.size)

O .size retorna uma tupla (largura, altura). A vantagem é que você consegue aplicar isso em lote num diretório inteiro num loop e exportar para CSV. Eu fiz um script desses para uma equipe de produção de conteúdo que tinha mais de dois mil assets para auditagem. Em vez de abrir um por um, o script rodou em menos de três minutos e gerou um relatório com todas as dimensões, formatos e pesos dos arquivos. Um detalhe importante: a Pillow ignora automaticamente a tag Exif Orientation, então o tamanho que ela mostra é o tamanho de renderização real da imagem. Isso é diferente do que o Windows ou o macOS mostram, que muitas vezes ignoram a rotação e apresentam as dimensões cruas do arquivo.

Navegador como ferramenta rápida

Se você não quer instalar nada e precisa checar uma imagem rapidamente, basta arrastar o arquivo para uma aba do navegador. A imagem vai renderizar e você pode usar o console do DevTools com: document.querySelector('img').naturalWidth

document.querySelector('img').naturalHeight Isso retorna as dimensões reais de renderização, já considerando a orientação Exif. É útil quando você está trabalhando com imagens web e precisa validar se estão sendo exibidas corretamente antes de subir para o servidor.

Arquivos vetoriais e SVGs

SVG não tem dimensão fixa em pixels. Ele trabalha com coordenadas vetoriais e o width/height são definidos no markup ou herdam do contexto de exibição. Para saber as dimensões de um SVG, você precisa abrir no navegador, inspecionar o elemento e verificar os atributos width e height, ou usar: console.log(document.querySelector('svg').getBBox())

Isso retorna x, y, width e height do bounding box. Se o SVG tiver viewBox definido, as dimensões reais dependem de como ele está sendo escalonado pelo CSS ou pelo elemento pai. Já vi gente confundir viewBox com tamanho final de renderização várias vezes.

Pontos de atenção

Não confie cegamente nas dimensões mostradas pelo sistema operacional. A divergência entre a dimensão crua do arquivo e a dimensão de renderização é um problema real, especialmente quando se trabalha com fotografia profissional e imagens que passaram por processamento em softwares como Lightroom. Eles gravam tags Exif de orientação que alteram a leitura. O ImageMagick e a Pillow são as ferramentas mais confiáveis para esse tipo de verificação. Se você precisa de algo ainda mais preciso para controle de qualidade em produção, um script Python que combina Pillow para dimensões e exifread para ler tags Exif separadamente resolve a maioria dos casos. Eu uso esse combo há anos e nunca tive surpresas.