Конвертер изображений в SVG

Превратите растровое изображение в масштабируемый вектор

Файлы PNG и JPG состоят из пикселей, поэтому при увеличении они становятся размытыми или «квадратными». SVG же описывает то же изображение математическими фигурами, а значит, остаётся идеально чётким при любом размере — на визитке, рекламном щите или экране смартфона с высокой плотностью пикселей. Этот конвертер изображений в SVG обводит контуры каждой цветовой области вашего изображения и воссоздаёт их в виде векторных контуров. Он идеально подходит, чтобы восстановить логотип, когда у вас есть только маленький PNG, превратить отсканированный эскиз или подпись в чистую линейную графику, подготовить макет для режущего плоттера или лазерного гравёра либо создать лёгкие иконки для сайта.

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

Выбор цветов, детализации и сглаживания

Ползунок цветов определяет, до скольких однотонных цветов будет сведено изображение перед трассировкой. Два цвета дают чёткий чёрно-белый трафарет, 8–16 цветов подходят для большинства логотипов и иллюстраций, а более высокие значения сохраняют больше оттенков ценой более тяжёлого файла. Параметр детализации управляет тем, насколько точно контуры повторяют пиксели и какого минимального размера должна быть фигура, чтобы её не отбросили: «Low» даёт гладкий и компактный результат, «High» сохраняет мелкие детали и крошечные точки. Предварительное размытие смягчает шум и артефакты JPEG перед трассировкой, убирая зубчатые края и случайные точки на фотографиях и некачественных сканах.

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

Начните с самого большого и чистого исходного изображения, которое у вас есть, и обрежьте всё лишнее. Для логотипов сначала попробуйте небольшое количество цветов с детализацией «Medium» и увеличивайте значения, только если части исчезают. Следите за количеством контуров и размером файла, которые показываются после каждого запуска: простой иконке должно хватать десятков или сотен контуров, а не десятков тысяч. Скачанный SVG содержит viewBox, поэтому он адаптивно масштабируется в HTML и CSS, а также его можно открыть в любом векторном редакторе, чтобы перекрасить фигуры, удалить слой фона или ещё сильнее упростить контуры.