Сделать favicon из картинки бесплатно
Многоразмерный favicon.ico из логотипа: 16–256 пикселей в одном файле, готов для сайта.
Один файл — все размеры
Как сделать favicon за 4 шага
Лучше квадратный; прямоугольный обрежется по центру.
Соберём .ico с шестью размерами: 16–256 пикселей.
И добавьте в head ссылку rel="icon".
Браузер сам выберет нужный размер.
Это часть платформы Zerocoder
Один из инструментов платформы, где нейросети генерируют сайты, изображения, видео, тексты и документы — по одной подписке в рублях, без VPN.
Favicon — деталь, по которой сайт выглядит законченным: иконка живёт во вкладке браузера, закладках, истории и ярлыках на телефоне. Генератор собирает настоящий многоразмерный favicon.ico — шесть вложенных размеров от 16 до 256 пикселей — на серверах Zerocoder, бесплатно. Логотип на пёстром фоне сперва прогоните через удаление фона, квадрат из прямоугольника сделает обрезка. Делаете сайт целиком — посмотрите Студию Zerocoder: от структуры до текстов. Остальные бесплатные инструменты — здесь.
Как подключить favicon к сайту
Скачанный favicon.ico положите в корень сайта — большинство браузеров найдут его по стандартному пути /favicon.ico автоматически. Для надёжности добавьте в head строку: <link rel="icon" href="/favicon.ico">. Конструкторы сайтов обычно принимают файл в настройках «иконка сайта» — загрузите его туда, размеры внутри уже есть.
Почему в одном .ico несколько размеров
Вкладке браузера нужно 16×16, панели закладок — 32×32, ярлыку на рабочем столе — 48×48 и больше, экрану телефона — 128–256. Формат .ico придуман как контейнер: внутри лежат все версии, и каждая система достаёт свою. Поэтому правильный favicon — не одна маленькая картинка, а комплект, который мы и собираем.
Каким должен быть хороший favicon
Иконка живёт в размере 16×16 пикселей — мелкие детали и надписи там превращаются в кашу. Работают простые формы: одна буква, узнаваемый знак, контрастное пятно. Проверьте результат именно во вкладке: если логотип сложный, для favicon часто рисуют упрощённую версию знака — сгенерировать варианты можно в Студии Zerocoder.
Отзывы
Пока нет отзывов — станьте первым.
Ещё из категории «Бесплатные инструменты»
Вся категория →Из блога
Все статьи →Частые вопросы
Какие размеры внутри файла?
16, 32, 48, 64, 128 и 256 пикселей в одном .ico — браузер сам выбирает нужный.
Как подключить favicon?
Файл в корень сайта + строка в head: <link rel="icon" href="/favicon.ico">. Конструкторы принимают файл в настройках иконки.
Картинка не квадратная — что будет?
Обрежется по центру до квадрата. Хотите контролировать кадр — сначала обрежьте в инструменте «Обрезать фото».
PNG-иконки тоже нужны?
Для большинства сайтов хватает .ico. Отдельные PNG под Apple Touch и манифест добавим в обновлении.
Почему иконка мутная во вкладке?
Сложный логотип в 16 пикселях теряет детали. Используйте упрощённый знак или одну букву.
Нужна ли регистрация?
Первый результат — без аккаунта. Дальше попросим бесплатную регистрацию: после входа доступно 5 обработок в день, а в Студии Zerocoder лимитов нет.
Что с моими файлами?
Не сохраняются: обработка в оперативной памяти.
Прозрачный фон сохранится?
Да, прозрачность PNG-логотипа переносится в иконку.
Что ещё умеет платформа Zerocoder?
Генератор сайтов, картинок и текстов, курсы — favicon лишь одна из бесплатных утилит.





