Перейти к основному содержимому

SVG в ICO

Преобразование SVG в ICO с помощью бесплатного генератора значков Favicon

Создайте файл Windows .ico разного размера для значков веб-сайтов, значков приложений и ярлыков на рабочем столе. Выберите целевой размер, и конвертер упакует каждый стандартный размер до него в один файл.

Перетащите файлы сюда

Редактирование значений по умолчанию для новых файлов

Формат иконки

ICO поддерживает фиксированные размеры: 16, 32, 48, 64, 128, 256. Мы отрисуем каждый размер до вашей цели и упакуем их в один файл .ico.

Будет включать: 16, 32, 48, 64, 128, 256 px

Фон
Радиус углов
Рисунок
Выравнивание по горизонтали
Выравнивание по вертикали

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

Предпросмотр

Нет предпросмотра. Добавьте и выберите файлы, чтобы увидеть результат.

Файлов пока нет. Перетащите файлы выше или нажмите ВЫБРАТЬ ФАЙЛЫ.

Что такое SVG?

SVG (Scalable Vector Graphics) - это XML-формат векторных изображений. Вместо пикселей SVG математически описывает фигуры, контуры, заливки и обводки, поэтому может отображаться в любом размере без потери качества.

SVG - стандартный векторный формат для веба. Все современные браузеры поддерживают его напрямую; оформление можно задавать через CSS, а анимацию - через JavaScript или SMIL. SVG часто компактен для логотипов, иконок и иллюстраций, однако сложные файлы могут быть большими.

Что такое ICO?

ICO - формат-контейнер иконок Windows, используемый для favicon, иконок приложений и ярлыков рабочего стола. Файл ICO может содержать одно или несколько растровых изображений (обычно от 16×16 до 256×256) в одном файле.

SVG против растровых форматов

Векторная графика (SVG) и растровая графика (PNG, JPG) решают разные задачи. Подходящий формат зависит от того, как изображение будет использоваться.

ХарактеристикаSVGPNG / JPGICO / ICNS
МасштабированиеНе зависит от разрешенияРазмывается при увеличенииЗаранее отрисован в фиксированных размерах
Размер файлаМалый для фигур и иконокРастёт с разрешениемНабор предзаготовленных растров
РедактированиеМожно редактировать как текст или в векторных редакторахТолько попиксельное редактированиеРедактировать каждый размер и переупаковывать
АнимацияCSS, SMIL, JavaScriptОграниченно (анимированные PNG/GIF)Не поддерживается
ПрозрачностьДаPNG да, JPG нетДа (на основе PNG)

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

Браузеры и оболочки рабочего стола используют файлы ICO. Используйте этот конвертер SVG в ICO в качестве бесплатного генератора значков: конвертируйте SVG в ICO, когда вам нужен значок (favicon.ico), ярлык Windows или везде, где требуется файл .ico. Один файл может содержать стандартные размеры 16, 32, 48, 64, 128 и 256 пикселей, что позволяет браузеру или операционной системе выбрать наиболее подходящий размер.

SVG в ICO: размер файла и компромиссы качества

Размер файла

Многоразмерный ICO объединяет все стандартные слоты от 16 × 16 до требуемых. Более крупные цели добавляют больше встроенных изображений, поэтому файл увеличивается как с количеством слотов, так и с увеличением детализации изображения. Этот преобразователь сохраняет каждый слот в виде сжатых данных PNG.

Когда ICO - правильный выбор

ICO - это правильный вывод для значков Windows (favicon.ico в корне вашего сайта), ярлыков на рабочем столе Windows, булавок на панели задач и любого контекста, который специально запрашивает файл .ico. Объединение нескольких размеров позволяет браузеру или операционной системе выбрать наиболее подходящий.

Когда отдавать SVG-фавикон вместо ICO

Современные браузеры принимают <link rel='icon' type='image/svg+xml' href='/favicon.svg'>, так что сохраняйте SVG и подавайте его рядом с ICO. Один SVG-favicon масштабируется до любого размера панели задач и вкладки и остаётся чётким на HiDPI-экранах. ICO покрывает ярлыки рабочего стола Windows и очень старые браузеры.

Компромиссы качества

Каждый слот ICO растеризуется в своём точном пиксельном размере, поэтому слот 16×16 чёткий на 16×16, но крайнее уменьшение из сложного SVG может потерять детали. Для favicon-ов: разрабатывайте исходный SVG так, чтобы он хорошо читался на 16×16 (толстые штрихи, мало деталей). Прозрачность сохраняется попиксельно; фоны остаются прозрачными, если вы не выберете сплошной цвет.

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

  1. 1

    Перетащите файлы или нажмите ВЫБРАТЬ ФАЙЛЫ, чтобы добавить их в очередь. До 40 за раз.

  2. 2

    Задайте параметры вывода (размер, DPI, фон, качество или детализацию трассировки), и предпросмотр обновится сразу.

  3. 3

    Нажмите СОХРАНИТЬ ВСЁ, чтобы скачать результат, или один ZIP-архив, когда в очереди больше одного файла.

Приватность: ваши файлы не покидают браузер

Преобразование выполняется локально в вашем браузере с использованием JavaScript и WebAssembly. Загрузка файлов или преобразование на стороне сервера не выполняются, поэтому добавляемые вами файлы остаются на вашем устройстве.

Локальная обработка помогает защитить конфиденциальные логотипы, внутренние документы и неопубликованные изображения клиентов. Страницы и код преобразования кэшируются по мере их использования, поэтому уже открытые вами инструменты могут продолжать работать без подключения к сети.

Часто задаваемые вопросы

Какие размеры содержит ICO?

Конвертер упаковывает каждый стандартный слот ICO вплоть до целевого размера в один файл: 16, 32, 48, 64, 128, 256. Большинство браузеров и инструментов Windows автоматически выбирают подходящий размер по контексту.

Какой размер выбрать для favicon?

32 - безопасный выбор по умолчанию для вкладок браузера и закладок. Выберите 256, если хотите все стандартные размеры в одном файле. Windows использует самый большой для ярлыков, закреплённых значков на панели задач и иконок рабочего стола.

Можно ли использовать прозрачный фон в ICO?

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