Don't be a sheep

Правильный модный favicon

Написано Lazy Badger в Суббота Декабрь 28, 2019

Чтобы не вспоминать каждый раз весь процесс заново и не быть овцой с иллюстрации — полная последовательность операций.

  • Собрать бандл из
    • android-chrome-192x192.png
    • android-chrome-512x512.png
    • apple-touch-icon.png
    • favicon-16x16.png
    • favicon-32x32.png
    • favicon.ico
    • site.webmanifest
  • Залить на сайт
  • Добавить в <head> стандартный сниппет
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">

Dont be a sheep
Изображение: placeholder_30432b897fb6.jpg
Category: coding Tags: web favicon