Какой размер ICO получится из SVG?

Вектор рендерится в 256×256 и упаковывается в ICO, который затем чисто масштабируется до меньших размеров, используемых браузерами: 16×16, 32×32 и 48×48. Один файл ICO может содержать сразу несколько размеров, поэтому браузер сам выбирает подходящий для вкладки, панели закладок или ярлыка на рабочем столе.

Зачем конвертировать SVG в ICO, а не PNG в ICO?

Начало с векторного источника даёт максимально чёткий favicon, потому что у SVG нет фиксированного разрешения и детали не теряются до генерации размеров иконки.

Сохранится ли прозрачный фон SVG в ICO?

Да. ICO поддерживает альфа-канал, поэтому прозрачные области SVG остаются прозрачными во всех встроенных размерах, и favicon аккуратно смотрится на вкладке любого цвета. Это особенно важно для тёмной темы браузера, где непрозрачный фон был бы заметен как белый прямоугольник.

Куда положить favicon.ico на сайте?

Поместите его в корневую папку сайта — браузеры автоматически запрашивают /favicon.ico. Также можно указать его в head через тег link rel="icon" для старых браузеров. Современные браузеры принимают и PNG- или SVG-favicon, но ICO остаётся самым совместимым вариантом и для старых, и для новых браузеров.

Должен ли SVG быть квадратным перед конвертацией?

Да. Favicon квадратный, поэтому сделайте или обрежьте SVG до соотношения 1:1 — иначе иконку дополнят полями или сожмут под квадратный холст ICO. Проще всего заранее задать в SVG квадратный viewBox.

Сохранятся ли мелкие детали логотипа в 16×16?

Тонкие линии и мелкий текст часто пропадают на крошечных размерах favicon. Упростите SVG до жирного контрастного знака, чтобы он оставался узнаваемым на вкладке браузера. Простой силуэт или одна буква обычно читаются лучше, чем полный детальный логотип в таком масштабе.

Можно ли конвертировать несколько логотипов SVG в ICO сразу?

Да. Добавьте несколько файлов SVG — каждый станет своим ICO, так что можно сгенерировать favicon для нескольких сайтов или вариантов бренда одним пакетом.

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

Превратите векторный логотип SVG в favicon.ico для сайта, не экспортируя несколько размеров вручную.

или перетащите их сюда · изображения, видео, аудио и документы · до 2 ГБ

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

Нажмите «Выберите файлы» и выберите файл SVG или перетащите его на страницу.
Убедитесь, что в качестве целевого формата выбран ICO.
Нажмите «Конвертировать» и подождите несколько секунд.
Скачайте готовый файл ICO.

Почему Converters.live?

Бесплатно и без ограничений — конвертируйте сколько угодно изображений SVG в ICO, по одному или пакетом.
Файлы до 2 ГБ, разрешение и цвет сохраняются при конвертации SVG в ICO.
Ваши фото удаляются с сервера сразу после конвертации — ничего не сохраняется.

Частые вопросы

Какой размер ICO получится из SVG?: Вектор рендерится в 256×256 и упаковывается в ICO, который затем чисто масштабируется до меньших размеров, используемых браузерами: 16×16, 32×32 и 48×48. Один файл ICO может содержать сразу несколько размеров, поэтому браузер сам выбирает подходящий для вкладки, панели закладок или ярлыка на рабочем столе.
Зачем конвертировать SVG в ICO, а не PNG в ICO?: Начало с векторного источника даёт максимально чёткий favicon, потому что у SVG нет фиксированного разрешения и детали не теряются до генерации размеров иконки.
Сохранится ли прозрачный фон SVG в ICO?: Да. ICO поддерживает альфа-канал, поэтому прозрачные области SVG остаются прозрачными во всех встроенных размерах, и favicon аккуратно смотрится на вкладке любого цвета. Это особенно важно для тёмной темы браузера, где непрозрачный фон был бы заметен как белый прямоугольник.
Куда положить favicon.ico на сайте?: Поместите его в корневую папку сайта — браузеры автоматически запрашивают /favicon.ico. Также можно указать его в head через тег link rel="icon" для старых браузеров. Современные браузеры принимают и PNG- или SVG-favicon, но ICO остаётся самым совместимым вариантом и для старых, и для новых браузеров.
Должен ли SVG быть квадратным перед конвертацией?: Да. Favicon квадратный, поэтому сделайте или обрежьте SVG до соотношения 1:1 — иначе иконку дополнят полями или сожмут под квадратный холст ICO. Проще всего заранее задать в SVG квадратный viewBox.
Сохранятся ли мелкие детали логотипа в 16×16?: Тонкие линии и мелкий текст часто пропадают на крошечных размерах favicon. Упростите SVG до жирного контрастного знака, чтобы он оставался узнаваемым на вкладке браузера. Простой силуэт или одна буква обычно читаются лучше, чем полный детальный логотип в таком масштабе.
Можно ли конвертировать несколько логотипов SVG в ICO сразу?: Да. Добавьте несколько файлов SVG — каждый станет своим ICO, так что можно сгенерировать favicon для нескольких сайтов или вариантов бренда одним пакетом.

О форматах SVG и ICO

Что важно знать перед конвертацией SVG в ICO:

SVG

SVG — векторная графика в XML: логотипы и иконки масштабируются без потери качества. Браузеры рендерят его нативно; растровым редакторам и многим приложениям нужна версия в PNG.

ICO

ICO — контейнер иконок Windows, известный прежде всего как favicon.ico, который браузеры запрашивают у каждого сайта. Один файл может хранить несколько разрешений.

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

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

Почему Converters.live?

Частые вопросы

О форматах SVG и ICO

Похожие конвертации