Генератор фавиконов
Создайте favicon.ico, Apple Touch Icon, иконки Android и манифест из одного изображения.
Об инструменте «Генератор фавиконов»
Полному набору фавиконов нужно несколько файлов: favicon.ico для браузеров и Google, Apple Touch Icon 180×180 px для главных экранов iPhone и iPad, иконки 192 и 512 px для Android и устанавливаемых веб-приложений и веб-манифест, в котором они перечислены, — плюс нужные теги в HTML.
Загрузите одно квадратное изображение (лучше всего логотип PNG или SVG от 512 px), и генератор создаст все файлы прямо в браузере: многоразмерный favicon.ico с изображениями 16, 32 и 48 px, Apple Touch Icon, иконки Android и site.webmanifest. Выберите фон и отступ, посмотрите результат и скачайте всё одним ZIP-архивом вместе с HTML для вставки в <head>. Изображение никуда не загружается.
Частые вопросы
Какое изображение использовать?
Квадратный логотип или символ, лучше PNG с прозрачным фоном или SVG, не меньше 512×512 px. Простые формы узнаваемы и в 16 px, а детализированные логотипы и длинный текст — нет.
Куда загружать файлы?
В корневую папку сайта (туда же, где главная страница), а HTML вставьте в <head> каждой страницы — или в настройки темы или CMS.
Почему иконка Apple не прозрачная?
iOS показывает прозрачные области чёрными, поэтому генератор заливает Apple Touch Icon цветом фона (белым, если выбран прозрачный).