# 122: Štát Favicons Triky CSS

Anonim

Navždy sme všetci vytvorili grafiku 16 × 16 a nejako sme ich dostali do formátu .ico. Tento nástroj na prevod som pravdepodobne použil miliónkrát. Niekde po čiare to začalo byť viac mätúce. Prehliadače môžu podporovať aj favikony .png.webp. A teraz existujú sietnicové displeje a na sietnici nič nevyzerá horšie ako malá zmenšená grafika. Prehliadače teraz začínajú podporovať aj favikóny 32 × 32. Čo máme robiť?

Situácia je taká, že ak poskytnete oba, veľa prehľadávačov ignoruje .png.webp a používa .ico. Jonathan Neal má celý príbeh. Použime teda .ico pre obidve. Je to jedinečný formát, ktorý je ako taký navrhnutý pre prácu s tým.

  • Vytvorte verziu s rozmermi 16 × 16 aj 32 × 32 s využitím svojich najlepších zručností v oblasti vytvárania pixelov, aby ste obe vylepšili
  • Uložte ich ako súbory PNG v plnej kvalite
  • Vytvorte nový projekt v aplikácii Icon Slate (prostredníctvom)
  • Presuňte verzie do príslušných „jamiek“
  • „Vytvoriť“ na vytvorenie súboru .ico
  • Prepojte tento .ico ako obvykle: