Introdução
Você tem logos, ícones e artes com transparência em PNG. Quando comprime para reduzir o tamanho, a transparência vira uma caixa preta ou um fundo branco sólido, estragando a arte. Isso acontece porque muitos compressores convertem PNG para JPG durante a compressão, e JPG não suporta transparência. Comprimir imagens PNG transparentes sem danificar o canal alfa exige manter o formato PNG ou converter para WebP, que também suporta transparência. Neste guia a gente explica como reduzir o tamanho de PNG transparentes mantendo a transparência intacta.
Por que isso acontece
PNG usa um canal alfa para armazenar a transparência. Cada pixel tem informações de cor e de opacidade, o que permite fundos transparentes e semitransparentes. Quando você comprime um PNG convertendo para JPG, o JPG não tem canal alfa, então a transparência é substituída por uma cor sólida, normalmente preto ou branco. O resultado é a logo que antes flutuava sobre qualquer fundo agora aparece dentro de uma caixa. A solução é comprimir mantendo o formato PNG, reduzindo as cores e otimizando o canal alfa, ou converter para WebP com transparência, que pesa muito menos que PNG mantendo a qualidade. Alguns compressores também oferecem PNG otimizado com paleta reduzida, que corta o tamanho sem tocar na transparência.
3 soluções
Solução 1: Comprimir mantendo o formato PNG. Passe o PNG pelo compressor de imagens do piczen configurado para sair em PNG. A ferramenta otimiza a paleta e reduz o tamanho sem tocar no canal alfa.
Solução 2: Converter para WebP com transparência. WebP suporta transparência e pesa muito menos que PNG. Converta o PNG para WebP e mantém a transparência com tamanho reduzido.
Solução 3: Reduzir a paleta de cores para PNG-8. Para logos e ícones com poucas cores, converter para PNG-8 com paleta de 256 cores reduz drasticamente o tamanho mantendo a transparência.
Guia passo a passo
Abra o navegador e carregue a ferramenta para comprimir imagens. Arraste seus PNG transparentes para a página. A ferramenta mostra o tamanho original. No formato de saída, escolha PNG para manter a transparência garantida, ou WebP se quiser reduzir mais e seu projeto aceitar. Para PNG, fixe a otimização em nível alto. Para WebP, fixe a qualidade em 80 e marque manter transparência. Clique em Comprimir. Baixe o resultado e abra sobre um fundo colorido para conferir a transparência: deve aparecer o fundo colorido através das áreas transparentes, sem caixa preta nem branca. Compare o tamanho no explorador. PNG otimizado costuma cair 30-50 por cento, WebP com transparência cai 60-80 por cento em relação ao PNG original. Se a logo tem poucas cores, tente também PNG-8 para redução ainda maior sem perda visível.
Vantagens e desvantagens
Comprimir PNG transparentes mantendo o formato é a forma segura de reduzir tamanho sem estragar a transparência. O lado positivo é que você mantém compatibilidade total com qualquer sistema que aceite PNG. O incoveniente é que PNG otimizado reduz menos que formatos modernos. WebP com transparência reduz muito mais e é aceito em todos os navegadores modernos, mas alguns sistemas mais antigos ainda não suportam. Para web, WebP é geralmente a melhor escolha. Para logotipos que precisam aparecer em qualquer contexto, PNG otimizado é a opção segura. Em qualquer caso, nunca converta PNG transparente para JPG, porque a transparência sempre vira caixa sólida e estraga a arte.