Organizando favicons para 2021

• Dependendo das especificações do navegador, são necessários muitos arquivos, mas aqui isso é consolidado em um só conjunto

• 5 imagens e 1 arquivo JSON

→ .ico 32x32: navegadores antigos

→ .svg: escalável, compatível com a maioria dos navegadores modernos, também oferece suporte ao modo escuro

→ apple-touch-icon 180x180: para dispositivos Apple; desde o iOS 8+, o tamanho é 180x180. Fica melhor com cerca de 20px de padding e uma cor de fundo

→ manifest (JSON): para PWA e dispositivos Android

→ 192x192: tela inicial

→ 512x512: tela de splash ao carregar a PWA

• O artigo explica passo a passo como criar e otimizar esses 5 ícones a partir de um único SVG