Все штуки
Генератор favicon
Сделайте значок сайта из картинки или буквы и получите все нужные файлы одним архивом вместе с кодом для вставки. Всё делается в вашем браузере.
#ffffff
#f97316
Так будет выглядеть
Добавьте текст или картинку
16px
32px
48px
Мой сайт
Файлы по отдельности
favicon-16x16.png
16×16, вкладка браузера
favicon-32x32.png
32×32, вкладка браузера, Retina
favicon-48x48.png
48×48, Windows, поисковики
apple-touch-icon.png
180×180, iPhone и iPad
android-chrome-192x192.png
192×192, Android
android-chrome-512x512.png
512×512, Android, установка сайта
Код для сайта
Загрузите файлы из архива в корень сайта и вставьте эти строки в раздел head каждой страницы.
<link rel="icon" href="/favicon.ico" sizes="48x48"> <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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Поддержать автора
Добровольно: любая сумма поможет делать новые штуки и статьи.