Por Que Otimizar Imagens
Imagens representam em media 50-70% do peso total de uma pagina web. Otimiza-las e a acao de maior impacto para melhorar o tempo de carregamento, o Core Web Vitals (especialmente LCP) e a experiencia do usuario — especialmente em conexoes moveis. Uma reducao de 60% no tamanho das imagens pode ser a diferenca entre uma pagina rapida e uma que perde usuarios.
"Imagens nao otimizadas sao a causa mais comum de paginas lentas. E tambem a mais facil de corrigir."
WebP: O Formato para a Web Moderna
O WebP, desenvolvido pelo Google e lancado em 2010, tornou-se o padrao recomendado para imagens na web. Oferece compressao com e sem perda, suporta transparencia (canal alpha) e animacoes. Comparado ao JPEG, o WebP produz arquivos 25-35% menores com qualidade visual equivalente. Todos os navegadores modernos (Chrome, Firefox, Safari, Edge) suportam WebP.
Qualidade 80%: O Ponto Ideal
Estudos de percepcao visual mostram que humanos raramente percebem diferenca de qualidade acima de 75-80% em imagens JPEG e WebP. A qualidade 80% reduz o arquivo entre 40-60% comparado ao original sem compressao, mantendo fidelidade visual excelente para uso em sites e aplicativos.
Como Esta Ferramenta Funciona
Cada imagem e desenhada em um Canvas HTML5 e exportada via toDataURL() ou toBlob() com o formato e qualidade selecionados. O processamento ocorre inteiramente no navegador — as imagens nunca saem do seu dispositivo. Multiplos arquivos sao processados sequencialmente para nao sobrecarregar a memoria.