Guia do favicon transparente
Fundo sólido em um favicon parece ultrapassado e conflita com o modo escuro. Veja como preservar o alpha de ponta a ponta.
3 min de leitura
Comece com uma fonte transparente
Exporte seu logo como PNG-32 sem preenchimento de fundo, ou use SVG. A maior parte do desfoque vem de um fundo branco embutido, não da ferramenta de favicon.
O .ico suporta alpha
Entradas com compressão PNG dentro do .ico preservam o canal alfa. Entradas em bitmap não — use uma ferramenta que escolha a codificação correta por tamanho.
Lidando com o modo escuro
Publique um SVG com um bloco <style>@media (prefers-color-scheme: dark) { ... }</style> e deixe o .ico como fallback estático.