# 122: The State of Favicons - Triky CSS

Anonim

Navždy jsme všichni vytvořili grafiku 16 × 16 a nějak jsme je dostali do formátu .ico. Pravděpodobně jsem tento nástroj pro převod použil milionkrát. Někde podél linie to začalo být více matoucí. Prohlížeče mohou také podporovat favicons .png.webp. A nyní existují displeje sítnice a na sítnici nevypadá nic horšího než malá drobná grafika zvětšená. Prohlížeče nyní také začínají podporovat favikony 32 × 32. Co máme dělat?

Situace je taková, že pokud poskytnete oba, mnoho prohlížečů ignoruje .png.webp a používá .ico. Jonathan Neal má celý příběh. Použijme tedy .ico pro oba. Je to jedinečný formát, který je vytvořen pro manipulaci s tím stejně.

  • Vytvořte verzi 16 × 16 i 32 × 32 a pomocí svých nejlepších dovedností v tvorbě pixelů oba vylepšete
  • Uložte je jako soubory PNG v plné kvalitě
  • Vytvořte nový projekt v Icon Slate (via)
  • Přetáhněte verze do příslušných „jamek“
  • „Sestavit“ k vytvoření souboru .ico
  • Propojte to .ico jako obvykle: