Any2ICOAny2ICO
Узнать больше

Выберите язык

Конвертер SVG в ICO

Перетащите SVG ниже и получите файл ICO. Вектор отрисовывается в каждом выбранном размере от 16 до 256 px, поэтому каждая иконка в .ico построена под свою пиксельную сетку, а не уменьшена из одного большого растрового изображения. Используйте результат как favicon.ico или иконку Windows. SVG, добавленный с вашего устройства, не покидает браузер.

Перетащите SVG или вставьте его из буфера обмена
или нажмите, чтобы выбратьВставить из буфера обмена (Ctrl+V)
Поддерживается: png, jpg, webp, gif, bmp, avif, svg. Макс 10MB.

Импорт по URL

Проверьте SVG перед конвертацией

  • Задайте viewBox. Корневому элементу svg нужен атрибут viewBox, чтобы рисунок масштабировался до квадрата. Без него иконка может получиться обрезанной, смещённой от центра или пустой.
  • Переведите текст в кривые. Живой текст отображается теми шрифтами, которые есть в браузере. Переведите текст в кривые в Figma, Illustrator или Inkscape, чтобы буквы выглядели одинаково на любом компьютере.
  • Встройте изображения и стили. Когда браузер рисует SVG на canvas, он не загружает связанные изображения и внешние таблицы стилей, поэтому они пропадают из иконки. Встройте изображения как data URI и держите CSS внутри файла.
  • Упростите для 16 px. Штрихи тоньше пикселя при 16 и 32 px расплываются в серое пятно. Если иконку чаще всего будут видеть во вкладке браузера, утолщите тонкие линии и уберите мелкие детали перед конвертацией.

Как конвертировать SVG в ICO

  1. Добавьте SVG. Перетащите его в поле загрузки, выберите на устройстве или вставьте из буфера обмена. Принимаются файлы до 10 МБ.
  2. Выберите размеры. Для фавикона оставьте 16, 32 и 48 px. Добавьте 256 px, если Windows будет показывать его как иконку приложения.
  3. Выберите масштабирование. «Contain» помещает весь логотип внутрь квадрата. Оставьте фон «Прозрачный», если вам не нужна белая подложка.
  4. Конвертируйте и сохраните. Нажмите «Конвертировать», затем скачайте .ico. Несколько SVG можно сохранить вместе одним ZIP-архивом кнопкой «Скачать файлы».

Вопросы о конвертации SVG в ICO

Почему ICO пустой или в нём не хватает частей?

Обычно у SVG нет viewBox, он ссылается на внешнее изображение или таблицу стилей либо использует шрифт, которого нет в вашем браузере. Исправьте это в SVG и конвертируйте снова. Каждый из этих случаев разбирает руководство по устранению проблем с конвертацией SVG в ICO.

Остаётся ли ICO векторным?

Нет. ICO хранит растровые изображения фиксированных размеров, поэтому SVG растрируется отдельно для каждого выбранного размера. Основным исходным файлом пусть остаётся SVG.

Будет ли иконка чёткой при 16 px?

Она отрисовывается сразу в 16 × 16, а это максимальная чёткость, которую допускает такой размер. Детали мельче одного пикселя всё равно не сохранятся, поэтому сначала упростите тонкие линии.

Может, лучше использовать SVG-фавикон?

Большинство современных браузеров принимают SVG-фавикон через тег link, но многие инструменты и старые браузеры по-прежнему запрашивают /favicon.ico. Немало сайтов подключают оба: SVG для современных браузеров и ICO как запасной вариант.

Пошаговую инструкцию с советами по графическим редакторам вы найдёте в руководстве по конвертации SVG в ICO.

У вас PNG? Воспользуйтесь конвертером PNG в ICO.

Файлы JPG, WebP, GIF, BMP и AVIF принимает конвертер ICO на главной странице.