# 122: Favicons állam - CSS-trükkök

Anonim

Mindörökké mindannyian készítettünk 16 × 16-os grafikát, és valahogyan .ico formátumba helyeztük őket. Valószínűleg milliószor használtam ezt a konverter eszközt. Valahol a vonal mentén kezdett zavarosabb lenni. A böngészők támogathatják a .png.webp faviconokat is. És most vannak retina kijelzők, és semmi sem tűnik rosszabbnak a retinán, mint a kis apró grafikák, amelyeket felnagyítottak. A böngészők most is támogatni kezdik a 32 × 32 kedvenceket. Mit tegyünk?

A helyzet az, hogy ha mindkettőt megadja, sok böngésző figyelmen kívül hagyja a .png.webp-t, és a .ico-t használja. Jonathan Nealnek van az egész története. Tehát használjuk csak .ico-t mindkettőhöz. Ez egy egyedülálló formátum, amelyet egyébként ennek kezelésére fejlesztettek ki.

  • Készítse el mind a 16 × 16, mind a 32 × 32 verziót, a legjobb pixelkészítő képességek felhasználásával mindkettő csiszolásához
  • Mentse őket teljes minőségű PNG-ként
  • Készítsen új projektet az Icon Slate alkalmazásban (via)
  • Húzza a verziókat a megfelelő „kutakba”
  • „Build” a .ico létrehozásához
  • Kapcsolja össze a .ico-t a szokásos módon: