Правильный модный favicon
Чтобы не вспоминать каждый раз весь процесс заново и не быть овцой с иллюстрации — полная последовательность операций.
-
Собрать бандл из
- 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">
