Comprimir PNG para web

Em um site moderno, o PNG deveria carregar uma carga específica e bastante estreita: logotipos, ícones, capturas de tela de interface, diagramas, e qualquer coisa que precise de um fundo transparente. Tudo fotográfico pertence ao JPEG ou WebP. Sites que falham no orçamento de desempenho em imagens geralmente estão enviando fotografias como PNG, e nenhum ajuste de compressão resolve isso — o ajuste é uma mudança de formato, não uma mudança de paleta.

Para os recursos que genuinamente deveriam ser PNG, 128 cores com dithering é quase uma resposta universal. Elementos de interface e marcas de identidade são construídos a partir de uma pequena paleta deliberada, então reduzir pela metade as cores disponíveis remove redundância em vez de informação, e o resultado é pixel a pixel idêntico ao olho com aproximadamente metade dos bytes.

Para um logotipo ou ícone que existe como arte vetorial, o SVG supera qualquer formato raster completamente: algumas centenas de bytes de marcação, nítido em qualquer nível de zoom e em qualquer densidade de tela, e estilizável com CSS. Se você tem o arquivo vetorial original, use-o. PNG é o fallback para quando você não tem, ou para arte com efeitos que não sobrevivem à vetorização.

O WebP também suporta transparência e geralmente é menor que o PNG para o mesmo conteúdo, com suporte em todos os navegadores atuais. A razão para ainda enviar PNG é compatibilidade com software fora do navegador — clientes de e-mail, ferramentas de design mais antigas, e qualquer coisa que um colega possa abrir o arquivo. Para recursos que só renderizam nas suas próprias páginas, o WebP é a melhor opção padrão e esta ferramenta tem um conversor para isso.