Para sempre, todos nós criamos gráficos 16 × 16 e os colocamos no formato .ico de alguma forma. Provavelmente usei essa ferramenta conversora um milhão de vezes. Em algum lugar ao longo da linha começou a ficar mais confuso. Os navegadores também podem suportar favicons .png.webp. E agora existem telas de retina, e nada parece pior na retina do que pequenos gráficos reduzidos. Os navegadores estão começando a suportar favicons de 32 × 32 agora também. O que devemos fazer?
A situação é que, se você fornecer ambos, muitos navegadores ignoram o .png.webp e usam o .ico. Jonathan Neal tem toda a história. Então, vamos usar esse .ico para ambos. É um formato único criado para lidar com isso de qualquer maneira.
- Faça as versões 16 × 16 e 32 × 32, usando suas melhores habilidades de pixel-crafting para aprimorar ambas
- Salve-os como PNGs de qualidade total
- Faça um novo projeto no Icon Slate (via)
- Arraste as versões para os respectivos “poços”
- “Build” para criar o .ico
- Conecte esse .ico normalmente: