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

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

или перетащите сюда файлы JPG, JPEG, JPE … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

Преобразовать в

Файлы обрабатываются на наших серверах и удаляются через 30 минут.

Качество и цвет

Изменение размера

Изменить размер изображения

Сохраните исходные размеры или укажите одну сторону — пропорции сохранятся.

Метаданные и цветовой профиль

Автоповорот

Поворачивает изображение по ориентации из EXIF, чтобы оно везде отображалось правильно.

Удалить метаданные

Удаляет GPS-координаты, данные камеры и комментарии. Цветовой профиль можно сохранить отдельно ниже.

Сохранить цветовой профиль

Сохраняет встроенный ICC-профиль, чтобы цвета оставались точными после конвертации.

Цветовое пространство

sRGB подходит для экранов и веба. Для печати сохраните исходное; оттенки серого убирают цвет.

Метка DPI

dpi

Только метаданные; 0 сохраняет исходное значение. Это число читают принтеры и некоторые порталы; размеры в пикселях не меняются.

Как пользоваться инструментом

1
Загрузите файл .ico
Файл favicon.ico с сайта или значок программы Windows. До 20 файлов за один раз.
2
Нажмите «Конвертировать в SVG»
Самое большое изображение из ICO помещается в SVG-документ с сохранением прозрачности.
3
Решите, что нужно дальше
Используйте SVG как есть, векторизуйте его в масштабируемые контуры или извлеките PNG, если нужна только картинка.

Ответ

Делает ли конвертация ICO в SVG значок масштабируемым?

Нет. В ICO только растровые изображения, поэтому SVG упаковывает самое большое из них вместе с пикселями и прозрачностью. Чтобы значок оставался чётким при любом размере, векторизуйте его; для картинки покрупнее извлеките PNG.

Эта страница

SVG-обёртка

Самое большое растровое изображение из ICO внутри файла .svg.

Выглядит точно как значок
Прозрачность сохраняется
При увеличении размывается

Векторизация

Векторный SVG

Края превращены в векторные контуры конвертером изображений в SVG.

Масштабируется до любого размера
Цвета и фигуры можно редактировать
Мелкие детали могут упроститься

Извлечение

PNG из ICO

Самое большое изображение значка, сохранённое как PNG.

Открывается везде
Без потерь и с прозрачностью
Фиксированный размер в пикселях

ICO в SVG: оболочка для пикселей, а не вектор

Формат ICO появился в Windows 1.0 в 1985 году и стал форматом фавиконок, когда в 1999 году Internet Explorer 5 начал искать /favicon.ico. В одном файле хранится несколько квадратных растровых изображений, чтобы Windows и браузеры могли выбрать подходящий размер: 16 px для вкладки браузера, 32 или 48 px для панели задач и рабочего стола, а начиная с Windows Vista — изображения 256 px в виде сжатых данных PNG. Ни контуров, ни кривых, ни заливок в такой структуре нет.

SVG, формат W3C с 2001 года, может содержать и векторные фигуры, и встроенные растровые изображения. При конвертации ICO честный результат — только второй вариант. SVG получает ширину и высоту значка и один элемент изображения с пикселями, поэтому в браузере, Figma или презентации он выглядит так же, как ICO. Если приблизить, видны те же пиксели: ничего не перерисовывалось.

Размеры иконок внутри ICO и почему важен самый крупный

1:1

16 × 16 px

Фавикон на вкладке браузера

Слишком мал для качественной векторизации

1:1

32 × 32 px

Вкладка с высокой плотностью, панель задач

Обычный максимальный размер в favicon.ico

1:1

48 × 48 px

Значок рабочего стола (Windows)

Есть в большинстве значков программ

1:1

256 × 256 px

Режим крупных значков

Лучший источник для векторизации или PNG

ICO

Значок Windows

ICO — формат значков Microsoft, который используется для значков программ Windows и фавиконок сайтов. Один файл .ico может содержать несколько изображений разного размера, например 16×16, 32×32, 48×48 и 256×256 пикселей, чтобы система выбирала наиболее подходящее. Каждое изображение хранится как точечный рисунок или как данные PNG и поддерживает полную альфа-прозрачность. ICO не предназначен для фотографий и крупных иллюстраций. Его читают браузеры, Windows и большинство редакторов значков.

Сжатие: Без потерь
Прозрачность: Да
Анимация: Нет
Год появления: Microsoft

Конвертер ICO

SVG

Scalable Vector Graphics

SVG — векторный формат на основе XML, стандартизированный W3C в 2001 году. Вместо пикселей он описывает фигуры, контуры и текст, поэтому остаётся чётким при любом размере и для логотипов и иконок обычно весит совсем немного. Он поддерживает прозрачность, стили CSS, скрипты и анимацию, и все браузеры отображают его без дополнений. SVG не подходит для фотографий, а сложные иллюстрации могут медленно отрисовываться. Открывать и редактировать его могут Illustrator, Inkscape, Figma и браузеры.

Сжатие: –
Прозрачность: Да
Анимация: Да
Год появления: 2001 · W3C

Конвертер SVG

Запрос «ICO в SVG» возникает, когда программе для дизайна, библиотеке значков или шаблону сайта нужен SVG, а единственная копия логотипа — фавикон или значок Windows; обычно это первый шаг к векторизованному изображению.

Трассировка иконки в настоящие контуры SVG

Если нужен масштабируемый логотип, SVG-обёртка — в лучшем случае промежуточный шаг. Пропустите значок через конвертер изображений в SVG: он прослеживает границы цветов и записывает их как контуры, которые можно масштабировать, перекрашивать и вырезать. Результат зависит от размера исходника: изображение 256 px из значка программы векторизуется намного лучше, чем фавикон 16 px. В нашем руководстве по конвертации PNG в SVG рассказано, сколько цветов оставить и как сгладить кривые.

Если значок нужен только в документе или редакторе, обойдитесь без SVG и возьмите самое большое изображение как PNG через ICO в PNG. Обратная задача — из векторного логотипа сделать фавикон нескольких размеров — решается через SVG в ICO.

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

Можно ли превратить ICO в настоящий векторный SVG?

Только конвертацией — нет. В ICO хранятся лишь растровые изображения от 16 × 16 до 256 × 256 px, поэтому переносить в SVG нечего: контуров в файле нет. Настоящие контуры нужно построить по пикселям, и это делает конвертер изображений в SVG.

Какой из размеров внутри .ico попадет в SVG?

Самое большое, потому что в нём больше всего деталей. Обычный favicon.ico содержит изображения до 32 или 48 px, а значок приложения Windows обычно включает версию 256 px.

Подойдет ли такой SVG в качестве фавикона сайта?

Chrome и Firefox поддерживают SVG-фавиконки, но SVG с одним растровым изображением 32 px ничего не даёт по сравнению с исходным ICO. SVG-фавикон имеет смысл, когда в нём настоящие контуры, которые остаются чёткими на экранах с высокой плотностью пикселей.

Почему при трассировке фавикона получаются расплывчатые формы?

В значке 32 px всего 1 024 пикселя, а при векторизации кривые угадываются по краям. Чем меньше пикселей, тем грубее результат. Для чистых контуров векторизуйте изображение 256 px из значка Windows или найдите исходный логотип.

Сохраняется ли прозрачный фон иконки?

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

Можно ли потом перекрасить иконку в Inkscape или Figma?

По отдельным фигурам — нет, так как в SVG лежит одна встроенная картинка. Фильтры и наложения можно применить к ней целиком; чтобы менять цвета отдельных фигур, сначала векторизуйте её.