Генератор фавикона
Фавикон должен оставаться разборчивым в размере 16 пикселей — мелкие детали и длинные надписи там превращаются в кашу. Инструмент рисует иконку в 512 и уменьшает её: так край получается чище, чем при рисовании сразу в мелком размере.
Готовые сочетания
32 — вкладка браузера, 180 — значок на экране телефона, 512 — манифест.
Положите файлы в корень сайта и добавьте в <head>:
<link rel="icon" href="/favicon-32.png" sizes="32x32" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" />