Об этом инструменте
Favicon — это маленькая иконка во вкладке браузера, в закладке и на домашнем экране телефона, и современным сайтам она нужна в нескольких размерах и форматах. Этот генератор собирает весь набор из одного источника: загрузите логотип или введите одну букву либо эмодзи и выберите фон — и он отрисует чёткие иконки в 16, 32, 48, 180, 192 и 512 пикселей.
Скачайте классический многоразрешающий favicon.ico, возьмите отдельные PNG и скопируйте точные теги link и meta для вставки в head страницы. Всё рисуется через Canvas API в браузере — ваше изображение не загружается.
Частые вопросы
Отправляется ли загруженное изображение на сервер?
Нет. Каждый размер отрисовывается локально на HTML canvas — изображение никогда не покидает браузер.
Какие размеры мне действительно нужны?
16×16 и 32×32 покрывают классический favicon вкладки браузера, 180×180 предназначен для Apple touch icon (главный экран iOS), а 192×192/512×512 используются в манифесте веб-приложения для установки на Android/PWA.
Нужен ли мне файл .ico, или достаточно PNG?
Современные браузеры прекрасно используют favicon в формате PNG через тег link, но favicon.ico всё же стоит сохранять — ради старых браузеров, закладок и инструментов, которые ищут иконку именно по этому имени файла.
Почему моя иконка на основе изображения выглядит размытой в маленьких размерах?
У маленьких favicon очень мало пикселей, поэтому мелкие детали теряются. Начните с простого квадратного изображения с высоким контрастом — логотипы с тонкими линиями или большим количеством текста редко остаются читаемыми после сжатия до 16×16.
Как добавить сгенерированный favicon на свой сайт?
Скачайте файлы (или .ico), поместите их в корень сайта и вставьте фрагмент из «Copy HTML» в head-раздел вашей страницы.