КонвертнёмFavicon ico онлайн: сделать фавикон из картинки для сайта
Favicon ico онлайн: загрузите логотип и получите весь набор значков для сайта вместе с кодом для вставки в head. Нужно только положить файлы в корень. Бесплатно, без регистрации, картинка не покидает ваш браузер.
- ✓ Бесплатно
- ✓ Без регистрации
- ✓ Без водяных знаков
- ✓ Файлы остаются у вас
Как сделать фавикон для сайта
Загрузите квадратный логотип, лучше PNG с прозрачностью. Набор создаётся автоматически. Скачайте ZIP, положите файлы в корень сайта и вставьте код из файла head-snippet.html в тег head страницы.
- Загрузите квадратный логотип (лучше PNG с прозрачностью).
- Набор создаётся автоматически.
- Скачайте ZIP, положите файлы в корень сайта и вставьте код из head-snippet.html.
Что входит в набор значков
В архиве лежит favicon.ico с несколькими размерами, PNG для вкладок и для главного экрана iPhone и Android, а также готовый HTML-код. Этого хватает, чтобы значок корректно показывался в браузерах и поисковой выдаче.
Для чего нужен фавикон
Он отображается во вкладке, закладках и в результатах поиска на смартфонах. Сайт со значком выглядит надёжнее и заметнее в списке вкладок. Если нужен один файл, используйте PNG в ICO или SVG в ICO.
Какой логотип подойдёт
Квадратный, от 256 пикселей, с простым контрастным рисунком. Мелкий текст на размере 16×16 пикселей нечитаем. Если исходник сложный, упростите его или выберите знак вместо полного логотипа.
Приватность при создании значка
Картинка обрабатывается в браузере и никуда не отправляется. Архив собирается на вашем устройстве, а полученные файлы вы размещаете на своём сайте сами.
Частые вопросы
Как сделать фавикон из картинки?
Загрузите квадратное изображение в генератор, дождитесь создания набора и скачайте ZIP. Распакуйте файлы в корень сайта и добавьте код из головного HTML-файла в тег head.
Какие файлы входят в набор?
favicon.ico с размерами для браузеров, PNG разных размеров для вкладок и главного экрана смартфонов, а также файл head-snippet.html с готовыми тегами для вставки.
Какого размера должна быть исходная картинка?
Квадрат от 256×256 пикселей. Чем крупнее и чище исходник, тем чётче получатся маленькие размеры. Лучше всего подходит PNG с прозрачным фоном. Для логотипа это самый надёжный вариант.
Почему фавикон не обновился в браузере?
Браузеры надолго запоминают значок. Обновите страницу с очисткой кэша или откройте сайт в приватном окне. В поисковой выдаче новый значок появляется через несколько дней.
Нужен ли SVG-фавикон?
Это необязательно: набора ICO и PNG хватает. SVG-значок подходит современным браузерам и поддерживает тёмную тему, но его нужно подготовить отдельно в графическом редакторе.
Куда нужно положить файлы?
В корневую папку сайта, рядом с главной страницей. Тогда браузеры найдут favicon.ico по стандартному адресу даже без тегов, а теги из подсказки укажут остальные размеры.
Полезно почитать
Другие инструменты