# 122: Stan Favicon - CSS-Tricks

Anonim

Na zawsze wszyscy stworzyliśmy grafiki 16 × 16 i jakoś umieściliśmy je w formacie .ico. Prawdopodobnie użyłem tego narzędzia do konwersji milion razy. Gdzieś po drodze zaczęło się robić bardziej zagmatwane. Przeglądarki mogą również obsługiwać ulubione ikony .png.webp. A teraz są wyświetlacze siatkówki i nic nie wygląda gorzej na siatkówce niż mała, powiększona grafika. Przeglądarki również zaczynają obsługiwać ikony ulubionych w formacie 32 × 32. Co mamy robić?

Sytuacja jest taka, że ​​jeśli podasz oba, wiele przeglądarek ignoruje .png.webp i używa .ico. Jonathan Neal ma całą historię. Po prostu użyjmy tego .ico do obu. To unikalny format, który i tak został stworzony do obsługi tego.

  • Twórz wersje 16 × 16 i 32 × 32, wykorzystując swoje najlepsze umiejętności tworzenia pikseli, aby udoskonalić obie
  • Zapisz je jako pliki PNG o pełnej jakości
  • Utwórz nowy projekt w Icon Slate (przez)
  • Przeciągnij wersje do odpowiednich „studni”
  • „Build”, aby utworzyć .ico
  • Połącz to .ico jak zwykle: