# 122: Държавата на Favicons - CSS-трикове

Anonim

Завинаги всички направихме 16 × 16 графики и ги въведохме по някакъв начин във формат .ico. Вероятно съм използвал този инструмент за преобразуване милион пъти. Някъде по линията започна да става по-объркващо. Браузърите също могат да поддържат .png.webp favicons. И сега има дисплеи на ретината и нищо не изглежда по-лошо на ретината от малките мащабирани графики. Браузърите също вече започват да поддържат 32 × 32 значки. Какво да правим?

Ситуацията е, че ако предоставите и двете, много браузъри игнорират .png.webp и използват .ico. Джонатан Нийл има цялата история. Така че, нека просто използваме този .ico и за двете. Това е уникален формат, който така или иначе е създаден за справяне с това.

  • Направете и двете версии 16 × 16 и 32 × 32, като използвате най-добрите си умения за изработка на пиксели, за да усъвършенствате и двете
  • Запазете ги като PNG с пълно качество
  • Направете нов проект в Icon Slate (чрез)
  • Плъзнете версиите в съответните „кладенци“
  • “Build”, за да създадете .ico
  • Свържете този .ico както обикновено: