Redimensionar imagens
Reduza as dimensões de muitas imagens de uma vez com um filtro de alta qualidade e, se quiser, converta-as para um formato moderno no mesmo passo.
Arraste suas imagens para cá
ou cole com Ctrl+V · JPG, PNG, WebP, AVIF, JXL, GIF, HEIC · até 30 MB cada
As imagens são processadas no seu dispositivo e ficam salvas apenas neste navegador para que você possa convertê-las de novo.
A configuração que mais economiza peso
Antes de pensar em formatos ou qualidade, confira as dimensões. Uma foto de celular mede cerca de 4000 × 3000 pixels; se no seu site ela é exibida com 1200 px de largura, o navegador baixa mais de 10 vezes os pixels necessários. Redimensionar para a medida real costuma economizar mais do que qualquer outra configuração.
Modos de redimensionamento
- Largura máxima: todas as imagens mais largas que o valor são reduzidas mantendo a proporção. O mais comum para sites e blogs.
- Altura máxima: útil para galerias ou faixas de miniaturas de altura fixa.
- Encaixar em caixa: a imagem cabe dentro de um retângulo (por exemplo 1920 × 1080) sem ser cortada.
- Porcentagem: escala tudo pelo mesmo fator, por exemplo 50% para passar de @2x para @1x.
As imagens nunca são ampliadas: se uma já for menor que o limite, ela fica como está.
Qualidade do redimensionamento
O ImageZap usa o filtro Lanczos3 em espaço de cor linear e com alfa pré-multiplicado. Na prática:
- Os detalhes finos continuam nítidos, sem o efeito "serrilhado" dos métodos rápidos.
- Gradientes e cores não escurecem ao reduzir (um problema típico de redimensionar em sRGB).
- As bordas de imagens transparentes não geram halos escuros.
Variantes para srcset
Se você está preparando imagens para um site responsivo, ative Variantes responsivas e escolha as larguras (por exemplo 640, 1280 e 1920). Você terá um arquivo por largura e formato, e o gerador de código escreverá o srcset e o sizes correspondentes. Mais detalhes no guia de imagens responsivas e no gerador de srcset.
Que tamanho escolher
| Uso | Largura recomendada |
|---|---|
| Imagem em tela cheia (hero) | 1920-2560 px |
| Imagem de conteúdo em um artigo | 1200-1600 px |
| Cards e listagens | 640-800 px |
| Miniaturas | 320-400 px |
Para telas de alta densidade, combine a largura máxima com variantes responsivas em vez de servir sempre a versão maior.
Perguntas frequentes
A proporção é mantida?
Sim, em todos os modos. O ImageZap não deforma nem corta as imagens.
Posso redimensionar e converter ao mesmo tempo?
Sim. Escolha o formato de saída (WebP, AVIF…) além do tamanho; por padrão o formato original é mantido.
Quantas imagens posso redimensionar?
Quantas quiser, de até 30 MB cada.
Posso ampliar uma imagem pequena?
Não. Ampliar não adiciona detalhes e só aumenta o peso, por isso o ImageZap nunca escala acima do tamanho original.
Ferramentas relacionadas
Guias relacionados
- HTML
Imagens responsivas com srcset e sizes
Aprenda a usar srcset com descritores w e x, a calcular o atributo sizes corretamente e a escolher as larguras das suas variantes para não desperdiçar bytes.
3 min de leituraLer guia - Desempenho
Como melhorar o LCP otimizando imagens
O Largest Contentful Paint costuma ser uma imagem. Aprenda a medi-lo, priorizá-lo com fetchpriority e preload, reduzir seu peso e evitar os erros mais comuns.
4 min de leituraLer guia