# 122: Faviconsin osavaltio - CSS-temppuja

Anonim

Ikuisesti me kaikki teimme 16 × 16 grafiikkaa ja saimme ne .ico-muotoon jotenkin. Käytin luultavasti tätä muunnostyökalua miljoona kertaa. Jossain linjalla se alkoi tulla hämmentävämmäksi. Selaimet voivat tukea myös .png.webp-faviconeja. Ja nyt on verkkokalvonäyttöjä, eikä mikään näytä verkkokalvolla olevan pahempaa kuin pienet pienet grafiikat, joita on suurennettu. Selaimet alkavat nyt tukea myös 32 × 32-suosikkikuvakkeita. Mitä meidän tulee tehdä?

Tilanne on, että jos annat molemmat, monet selaimet ohittavat .png.webp-tiedoston ja käyttävät .ico-tiedostoa. Jonathan Nealilla on koko tarina. Joten, käytämme vain sitä .ico molemmille. Se on ainutlaatuinen muoto, joka on rakennettu sen käsittelyyn joka tapauksessa.

  • Tee molemmat 16 × 16- ja 32 × 32-versiot parhaiden pikselityöstötaitojesi avulla
  • Tallenna ne täysilaatuisina PNG-tiedostoina
  • Tee uusi projekti Icon Slate -sovelluksessa (via)
  • Vedä versiot vastaaviin kaivoihin
  • "Build" luoda .ico
  • Yhdistä .ico normaalisti: