Meça qualquer imagem de um site já pronto
Se você vai substituir uma imagem, precisa do tamanho exato para exportá-la; a Cota mostra sem instalar nada.
Medir com um clique
Medir com a Cota- Arraste este botão para sua barra de favoritos.
- Abra o site que quer medir e clique no favorito.
- Passe o cursor sobre qualquer imagem: a Cota marca o tamanho de exportação, o tamanho real do arquivo e se está certo, grande demais ou pequena demais. Clique para fixar o resultado.
Alguns sites muito protegidos bloqueiam bookmarklets; se não funcionar, use a calculadora abaixo. Não vê a barra de favoritos? Ctrl/Cmd+Shift+B mostra ela. Está no celular? Lá não existe barra de favoritos: use a calculadora abaixo.
Prefere fazer à mão, ou está no celular?
Calcule à mão
A maioria das telas de hoje é de alta densidade: use 2. Telas antigas ou projetores: use 1.
Exporte sua imagem com 960px de largura.
largura renderizada × densidade de tela (DPR)
Medir com as ferramentas do navegador
No computador, isso leva cerca de 2 minutos
Coloque o cursor sobre a imagem que quer medir e clique com o botão direito.
No menu, escolha "Inspecionar" (ou "Inspecionar elemento").
No painel que abre, passe o cursor sobre a tag <img>: o navegador mostra o tamanho renderizado na tela (rendered size).
Multiplique esse número por 2 (a maioria das telas hoje é de alta densidade). Essa é a largura para exportar.
Para saber quanto sua imagem ocupa nesse site (não o peso do arquivo que você baixa), use as ferramentas do navegador: é o único dado confiável.
Em termos técnicos: o que você quer é o tamanho renderizado (quanto ocupa na tela), não o tamanho intrínseco (o arquivo baixado).