Генератор favicon для сайта
Загрузите логотип или картинку — мы подготовим квадратную иконку и отдадим готовый файл favicon.ico вместе с размерами, которые нужны для компьютеров, телефонов и закладок.
Зачем сайту своя иконка
Небольшая картинка рядом с названием сайта во вкладке браузера помогает посетителю за секунду узнать ваш проект среди десятка открытых страниц. Та же иконка видна в закладках, в истории, в результатах поиска на телефоне и на рабочем столе, если сайт добавлен на главный экран.
Если иконки нет, браузер подставляет пустой лист или картинку по умолчанию — сайт выглядит незавершённым. Сделать свою можно за минуту: подойдёт логотип, буква из названия или просто яркая заметная картинка.
Как сделать хорошую иконку
- Квадратная картинка. Мы аккуратно обрежем её по центру — лучше сразу брать квадратное изображение, чтобы не потерять важные детали.
- Крупный и простой знак. Иконка на вкладке маленькая: одна буква, символ или простой силуэт читаются лучше мелкого текста.
- Контраст с фоном. Проверьте, как иконка смотрится на светлой и на тёмной теме браузера.
- Прозрачный фон. PNG с прозрачностью смотрится аккуратно и не спорит с оформлением браузера.
Какие размеры нужны
- favicon.ico — основной файл для вкладок браузера и истории.
- 16 и 32 px — маленькие иконки для вкладок и закладок.
- 48 и 64 px — для ярлыков и панелей на компьютере.
- 180 px — иконка, когда сайт сохраняют на главный экран телефона.
- 512 px — крупная иконка для установки сайта как приложения.
Частые вопросы
Генератор бесплатный?
Да, пользоваться генератором можно бесплатно и без регистрации — сколько угодно раз.
Куда загрузить готовые файлы?
В корневую папку сайта — туда же, где лежит главная страница. Для надёжности можно дополнительно указать иконки в настройках сайта или в шаблоне.
Почему иконка не обновилась сразу?
Браузеры запоминают иконки надолго. Подождите немного и обновите страницу с очисткой кэша — обычно через Ctrl+F5 или в режиме инкогнито.
Картинка обрезается?
Да, для иконки картинка приводится к квадрату по центру. Если важные детали по краям, загрузите уже квадратное изображение.
Подойдёт ли логотип с текстом?
Можно, но мелкий текст на иконке 16 px не читается. Лучше оставить один узнаваемый символ или первую букву названия.
Совет: сайт с аккуратной иконкой и быстрым хостингом выглядит профессиональнее. Если после доработок страницы она стала открываться медленнее, проверьте хостинг — в нашем рейтинге собраны белорусские провайдеры с NVMe-дисками и поддержкой 24/7. Посмотреть подходящий тариф HostFly.by →