Превратите PNG или JPG в масштабируемые фигуры SVG с выбранным вами числом цветов и уровнем детализации. Трассировка выполняется в вашем браузере, изображение не покидает ваше устройство.
Конвертер PNG в SVG
Превратите PNG или JPG в масштабируемые фигуры SVG с выбранным вами числом цветов и уровнем детализации. Трассировка выполняется в вашем браузере, изображение не покидает ваше устройство.
Изображение декодируется и трассируется на вашем устройстве, в фоне этой вкладки, и никогда не отправляется. SVG тоже создаётся здесь и никуда не уходит, пока вы его не скачаете или не скопируете.
«Конвертер PNG в SVG» превращает растровое изображение в масштабируемые векторные фигуры. Он сводит картинку к выбранному вами числу цветов, находит, где начинается и заканчивается каждая цветовая область, и перерисовывает каждую область плавным контуром, поэтому логотип или значок остаётся чётким при любом размере. Пресеты для логотипов, значков, иллюстраций, фотографий и чёрно-белой штриховой графики задают разумные начальные значения, а ползунки регулируют цвета, детализацию, удаление мелких пятен и размытие. Пиксели, которые лишь смешивают два соседних цвета, присоединяются к одной из этих областей, поэтому плоский логотип получается ровно в своих цветах. Прозрачные области могут остаться прозрачными, а большое изображение трассируется в уменьшенном размере, при этом SVG сохраняет исходные размеры. Всё это происходит на вашем устройстве.
Возможности
Пресеты для логотипов, значков, иллюстраций, фото и чёрно-белой штриховой графики — каждый служит отправной точкой, которую можно подстроить
От 2 до 64 цветов, подобранных по самим пикселям, поэтому плоский логотип сохраняет ровно свои цвета
Ползунок «Detail» — от грубой и плавной до тонкой и точной трассировки, а также удаление мелких пятен и размытие для зашумлённых или JPG-источников
Прозрачные области остаются прозрачными или заливаются белым — как вы предпочтёте
Перетаскиваемый разделитель «до и после» с масштабом 200% и 400% или режим сравнения рядом — для проверки краёв
Трассировка идёт в фоне с показом затраченного времени, а изменение настройки отменяет ещё не завершённую трассировку
SVG сохраняет исходный размер и соответствующий viewBox и открывается в масштабе ×1 или ×2
Число контуров, размер файла и число использованных цветов, предупреждение при размере больше 1 MB и скачивание или копирование кода SVG
Как использовать Конвертер PNG в SVG
Перетащите PNG, JPG, WebP, GIF или BMP либо вставьте изображение из буфера обмена
Выберите пресет, ближайший к вашему изображению, затем настройте цвета, детализацию, удаление пятен и размытие
Проведите разделителем по предпросмотру и увеличьте масштаб, чтобы проверить края и мелкие детали
logo.svg — 640 × 640 px
6 colours · 14 paths · 8.2 KB
Traced in 0.4 s
Плоский логотип превращается в горстку фигур, а тот же файл остаётся чётким и в виде значка сайта, и на рекламном щите.
Частые ошибки и устранение неполадок
У фигур неровные края или скруглённые углы. — Контур трассировки может быть чистым лишь настолько, насколько чисты пиксели, из которых он получен. Возьмите самую крупную версию изображения, затем попробуйте «Detail» от 60% до 80%: меньшее значение сглаживает сильнее, большее повторяет каждую ступеньку пикселей.
SVG весит несколько мегабайт и медленно открывается. — Для фотографий и большого числа цветов нужны тысячи мелких фигур. Уменьшите «Colours», сдвиньте «Detail» к «Coarse», увеличьте «Remove specks» до 15 px и больше или добавьте немного «Blur».
Между соседними фигурами видны тонкие линии. — Включите «Outline shapes». Эта настройка рисует край каждой фигуры её собственным цветом и включена во всех пресетах, кроме «Black & white».
Прозрачный фон получился белым. — Переключатель «Keep transparent areas» появляется только тогда, когда у изображения есть прозрачность; убедитесь, что он включён. У JPG нет прозрачности, которую можно сохранить, поэтому его фон трассируется как цвет.
Часто задаваемые вопросы
Почему «Конвертер PNG в SVG» перерисовывает изображение, а не преобразует его точно?
PNG хранит сетку цветных пикселей, а SVG — фигуры и кривые, поэтому превратить одно в другое без потерь нельзя. Инструмент определяет, где начинается и заканчивается каждая цветовая область, и рисует для неё фигуру. Края становятся плавными кривыми, мелкая текстура упрощается, а градиенты превращаются в полосы плоского цвета — поэтому логотипы и штриховая графика трассируются хорошо, а фотографии получаются стилизованными.
Как получить самый чистый SVG из логотипа в «Конвертере PNG в SVG»?
Начните с самой крупной и контрастной версии логотипа и выберите пресет «Logo». Задайте «Colours» равным числу плоских цветов, которое в нём действительно есть; инструмент никогда не использует больше, чем содержится в картинке. Держите «Remove specks» на уровне 8 px и больше, чтобы поглощать случайные пиксели, добавьте немного «Blur», если исходник — JPG, и проверьте края при масштабе 400% перед скачиванием.
Что делают ползунки «Colours» и «Detail» в «Конвертере PNG в SVG»?
«Colours» — это наибольшее число цветов, которое может использовать SVG, от 2 до 64. «Detail» задаёт, насколько точно кривые следуют краю пикселей: к «Coarse» контуров меньше, они плавнее и чуть свободнее, к «Fine» они повторяют каждую ступеньку, а файл растёт. «Remove specks» сливает фигуры с коротким контуром с соседними, а «Blur» сглаживает шум до выбора цветов.
Может ли «Конвертер PNG в SVG» векторизовать фотографию?
Может, но результат — постеризованная, стилизованная версия фото из плоских цветных фигур, и файл получается большим, потому что нужны тысячи фигур. Пресет «Detailed photo» — самая точная отправная точка. Чтобы уменьшить файл, снизьте число цветов или увеличьте «Remove specks», а фотографии, которые должны оставаться фотографиями, лучше хранить в JPG или WebP.
Отправляется ли изображение куда-нибудь, когда я трассирую его в «Конвертере PNG в SVG»?
Нет. Изображение декодируется и трассируется на вашем устройстве, и ни его пиксели, ни SVG никуда не отправляются. Большое изображение для трассировки уменьшается до 1200 пикселей по длинной стороне, чтобы она закончилась за несколько секунд, а SVG сохраняет исходный размер.
Как открыть и отредактировать SVG из «Конвертера PNG в SVG» в Figma, Inkscape или Illustrator?
Скачайте .svg и перетащите его в приложение или воспользуйтесь командой «Открыть» либо «Импорт». Каждая фигура — это простой закрашенный контур с цветом, заданным прямо на нём, поэтому фигуры можно перекрашивать, двигать, объединять или удалять. Самая большая цветовая область — это одна фигура на заднем плане, которую можно удалить, чтобы получить прозрачный фон. «Copy SVG code» вставляет ту же разметку в HTML или редактор кода.
Связанные инструменты
SVG в PNG — Превратите SVG в чёткий PNG или JPG любого масштаба в браузере.
Оптимизатор SVG — Минифицирует SVG: удаляет комментарии, метаданные и остатки редактора, сжимает пробелы.