Все фавиконы для вашего сайта из одного изображения
Браузеры, телефоны и операционные системы ищут каждый свою иконку. Загрузите логотип, и генератор создаст полный набор: favicon.ico с размерами 16, 32 и 48 px внутри, favicon-16x16.png и favicon-32x32.png, apple-touch-icon.png размером 180 px, иконки android-chrome размером 192 и 512 px и site.webmanifest, который их связывает.
Скачайте всё одним ZIP-архивом, поместите файлы в корень сайта и вставьте HTML-код в <head> ваших страниц. Иконка Apple получает сплошной фон, потому что iOS показывает прозрачность чёрным цветом. Все иконки создаются в вашем браузере — ничего не загружается на сервер.
Почему стоит использовать этот генератор фавиконов?
- favicon.ico, PNG-фавиконы, иконки Apple и Android в одном ZIP
- Готовый site.webmanifest и HTML-код
- Работает с логотипами PNG, JPG, WebP и SVG
- Работает в браузере — без загрузки на сервер и без регистрации
Как создать фавикон
- Выберите логотип — лучше всего квадратный PNG или SVG
- Настройте отступ и цвета и проверьте превью
- Нажмите «Скачать ZIP», загрузите файлы на сайт и вставьте HTML-код
Часто задаваемые вопросы
Этот генератор фавиконов бесплатный?
Да, он полностью бесплатный, без ограничений и без водяных знаков.
Какие файлы мне нужны?
Современные браузеры используют favicon-32x32.png и favicon.ico, iPhone и iPad — apple-touch-icon.png, когда страницу добавляют на главный экран, а Android и устанавливаемые веб-приложения — иконки 192 и 512 px, указанные в site.webmanifest. Загрузите их все в корневую папку сайта и добавьте HTML-код — так будут охвачены все случаи.
Можно ли использовать логотип в SVG?
Да. SVG сначала отрисовывается в высоком разрешении, поэтому иконки любого размера получаются идеально чёткими. Лучше всего подходит квадратное изображение; изображения с другими пропорциями центрируются с прозрачными полями.
Загружается ли мой логотип на сервер?
Нет. Все иконки создаются в вашем браузере; изображение не покидает ваше устройство.