Создайте favicon.ico из изображения
Создаёт значок favicon.ico с несколькими размерами из одного изображения.
Если нужно создать favicon, этот генератор превратит файл JPG, PNG, WEBP, GIF или BMP в favicon.ico. Загрузите логотип или значок, отметьте нужные размеры от 16x16 до 256x256 и скачайте готовый файл. Все выбранные размеры упаковываются в один файл ICO, поэтому браузеры и операционные системы могут сами выбрать подходящий. Лучше начинать с квадратного изображения простой формы, ведь значок сайта показывается в очень мелком размере.
Как создать значок сайта
Загрузите изображение размером до 20 МиБ, отметьте в списке размеры, которые нужно включить в значок, и отправьте форму. Доступны размеры 16, 32, 48, 64, 128 и 256 пикселей, по умолчанию выбраны все. Вы скачиваете один файл favicon.ico, в котором содержатся все отмеченные размеры.
Какие размеры включить
Вкладки браузера используют 16x16 и 32x32. Ярлыки Windows и некоторые панели закладок берут 48x48 и более крупные размеры. Безопаснее оставить все шесть размеров, при этом готовый файл всё равно остаётся небольшим. Если не отметить ни один размер, инструмент по умолчанию включит все шесть. Прозрачность PNG внутри ICO сохраняется.
Как подготовить исходное изображение
Возьмите квадратное изображение, лучше не меньше 256 на 256 пикселей, с крупным простым знаком и без мелкого текста. Мелкие детали пропадают уже на размере 16 пикселей. Неквадратное изображение может исказиться, поэтому сначала обрежьте его до квадрата. Если значок должен одинаково хорошо смотреться на тёмных и светлых темах браузера, сделайте прозрачный PNG.
Как подключить значок на сайте
Загрузите favicon.ico в корень сайта и добавьте в head тег link, например строку rel=icon со ссылкой на /favicon.ico. Инструмент создаёт только ICO, а значки Apple touch и файл манифеста не формируются. Чтобы заранее подготовить исходник, воспользуйтесь инструментом «Изменить размер изображения» или «Конвертер изображений» для PNG, экспортированного из SVG.
Частые вопросы
Какое изображение взять для favicon?
Используйте квадратный логотип или значок, лучше размером от 256 на 256 пикселей, простой формы и с сильным контрастом. Детализированные картинки и мелкий текст становятся неразборчивыми, когда браузер показывает их на вкладке в размере 16 пикселей.
Какие размеры входят в файл favicon?
Можно включить квадраты 16, 32, 48, 64, 128 и 256 пикселей. По умолчанию выбраны все, и они собираются в один файл favicon.ico, чтобы каждый браузер или система могли выбрать тот размер, который им нужен.
Создаёт ли инструмент PNG или значки Apple touch?
Нет. На выходе получается один файл favicon.ico. Если нужен PNG одного размера, воспользуйтесь инструментом «Изменить размер изображения», а для исходника SVG «Конвертер SVG» отрисует его в PNG с выбранной вами шириной.
Сохраняется ли прозрачность в favicon?
Да. Перед записью ICO изображение переводится в RGBA, поэтому прозрачные области PNG остаются прозрачными и в самом значке. У файлов JPG прозрачности нет вообще, поэтому у них в значке будет сплошной фон.
Куда положить favicon.ico на сайте?
Поместите favicon.ico в корневую папку сайта и подключите его в head страницы ссылкой rel=icon на /favicon.ico. Браузеры по умолчанию сами запрашивают этот адрес, поэтому значок часто работает даже без тега.
Похожие инструменты
Удалить фон
Автоматически убирает фон с фотографии.
Использовать инструмент →Изменить фон
Заменяет фон фотографии на новый цвет или изображение.
Использовать инструмент →Конвертер изображений
Преобразует изображения между JPG, PNG, WEBP, GIF и другими форматами.
Использовать инструмент →Сжать изображение
Уменьшает размер файла изображения с минимальной потерей качества.
Использовать инструмент →Изменить размер изображения
Меняет размер фотографий до нужных размеров или в процентах.
Использовать инструмент →Изображение в PDF
Собирает одно или несколько изображений в один PDF.
Использовать инструмент →