Redimensionador de imagem

Como usar Redimensionador de imagem

A resolução de imagens digitais é uma ideia que parece simples mas esconde décadas de decisões de engenharia que moldam como vemos o mundo em telas. O conceito de DPI (dots per inch — pontos por polegada) veio do mundo da impressão: uma impressora laser dos anos 1980 imprimia a 300 DPI. Telas de computador ficaram em 72 ou 96 PPI por muito tempo — o Macintosh original de 1984 usava 72 PPI, que correspondia aos pontos por polegada das impressoras da época, tornando o WYSIWYG real possível. A primeira tela CGA da IBM, em 1981, tinha resolução de 320×200 pixels. O VGA, em 1987, chegou a 640×480. O Full HD (1920×1080) virou padrão na década de 2000. Em 2010, a Apple lançou o iPhone 4 com 326 PPI e cunhou o termo Retina display — uma tela onde o olho humano não consegue distinguir pixels individualmente a uma distância normal de uso. Isso forçou desenvolvedores a pensar em imagens em múltiplos tamanhos: a mesma arte em resoluções diferentes para dispositivos diferentes.

Quando você redimensiona uma imagem, o algoritmo de interpolação determina como os novos pixels são calculados. O mais simples é o vizinho mais próximo (nearest neighbor): rápido, mantém bordas nítidas em arte pixel, mas produz serrilhado em fotos. A interpolação bilinear considera os 4 pixels vizinhos — resultado mais suave, bom para reduções moderadas. A bicúbica considera os 16 pixels ao redor — ainda mais suave, preferida para reduções de fotos. O algoritmo Lanczos usa uma janela sinc que preserva frequências altas melhor que o bicúbico — comum em ferramentas de edição profissional. Em redimensionamentos para web, a diferença raramente é visível a olho nu, mas em impressão ou ampliação grande o algoritmo importa muito.

Para desenvolvimento web, redimensionar imagens corretamente tem impacto direto em performance e SEO. Uma imagem de 4000×3000 pixels exibida numa miniatura de 200×150 faz o navegador baixar 20 vezes mais dados do que o necessário. O atributo `srcset` do HTML5 permite servir imagens em tamanhos diferentes por resolução de tela, mas isso começa com ter os arquivos nos tamanhos certos. Tamanhos que aparecem constantemente no dia a dia: Open Graph (1200×630), Twitter Card (1200×628), favicon (16×16, 32×32, 180×180), thumbnail de YouTube (1280×720) e ícones de PWA (192×192, 512×512). Esta ferramenta redimensiona PNG, JPEG e WebP no canvas do navegador, sem upload, com bloqueio de proporção opcional para não distorcer o conteúdo.