# 122: Država Favicons - CSS-trikovi

Anonim

Zauvijek smo svi napravili grafike 16 × 16 i nekako ih ubacili u .ico format. Vjerojatno sam ovaj alat za pretvaranje koristio milijun puta. Negdje je počelo zbunjivati. Preglednici mogu podržavati i .png.webp favikone. A sada postoje retina zasloni i na mrežnici ništa ne izgleda gore od male male građe. Preglednici sada počinju podržavati 32 × 32 favikona. Što trebamo učiniti?

Situacija je da ako pružite oboje, mnogi preglednici ignoriraju .png.webp i koriste .ico. Jonathan Neal ima cijelu priču. Dakle, iskoristimo taj .ico za oboje. To je jedinstveni format koji je ionako napravljen za to.

  • Napravite verzije 16 × 16 i 32 × 32, koristeći svoje najbolje vještine izrade piksela kako biste izbrusili obje
  • Spremite ih kao PNG-ove pune kvalitete
  • Napravite novi projekt u Icon Slate (putem)
  • Povucite verzije u odgovarajuće "bušotine"
  • "Izgradi" za stvaranje .ico
  • Povežite taj .ico kao i obično: