Файлы обрабатываются локально в браузере и не загружаются

PNG в SVG

Векторизация изображений PNG в SVG. Внимание: это векторизация, а не простая конвертация формата — лучшие результаты дают простые Logo, иконки и контурные рисунки.

◈

Нажмите или перетащите файлы сюда

Поддерживается .png,image/png · можно несколько · файлы обрабатываются только локально в браузере и не загружаются

Режим
Цветной: сохраняет цвета исходного изображения
Оттенки серого: убирает цвет, оставляя чёрный, белый и серый
Чёрно-белый: только чистый чёрный и чистый белый
Количество цветов
Меньше: цветов меньше, картинка проще
Больше: сохраняет больше цветовых переходов
Детализация
Меньше: контуры проще и плавнее
Больше: сохраняет больше контуров и текстур
Сглаживание
Меньше: края резче
Больше: края мягче, тени целостнее
Преобразование PNG в SVG — это «векторизация», и она совсем не похожа на обычную конвертацию форматов. В этом руководстве объясняются принцип работы, подходящие случаи, а также почему сложные фотографии не подходят.

Что такое векторизация? Чем она отличается от конвертации форматов?

Обычная конвертация форматов (например, PNG → JPG) меняет только способ хранения, пиксели остаются прежними.

Векторизация же заставляет алгоритм анализировать формы и цвета изображения и заново описывать пиксели в виде набора путей (кривых, заполненных цветных областей). Это «перестроение», и результат не будет полностью идентичен оригиналу.

Какие изображения хорошо поддаются векторизации?

Лучше всего получаются изображения с чёткими краями и простыми цветами: Logo, иконки, текст, линейные рисунки, QR-коды, печати и т. п.

После векторизации такие изображения можно бесконечно масштабировать без потери чёткости и редактировать как векторные — это самый ценный сценарий векторизации.

Почему сложные фотографии не подходят?

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

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

Как выбрать режим: чёрно-белый, градации серого или цветной?

Чёрно-белый: только два цвета — чёрный и белый. Подходит для текста, печатей, монохромных иконок; файл самый маленький.

Градации серого: разбиение по яркости. Подходит для линейных рисунков и эскизов с полутонами; файл среднего размера.

Цветной: разбиение по количеству цветов. Подходит для цветных Logo и иконок; чем меньше цветов, тем меньше файл, но тем вероятнее искажения.

Что такое количество цветов, детализация и сглаживание?

Количество цветов: число цветов, допустимых в цветном режиме. Чем больше, тем выше точность воспроизведения и тем больше файл.

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

Сглаживание: скругляет пути. Чем выше, тем мягче результат, но могут исчезнуть острые края. Рекомендуется начинать со значений по умолчанию и постепенно подстраивать.

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

Будет ли SVG после преобразования PNG точно таким же, как оригинал?
Нет. Векторизация заново обводит изображение: результат приближённый, но не равный оригиналу. Простые фигуры ближе всего, у фотографий различия заметны.
Можно ли бесконечно увеличивать SVG после векторизации?
Да. SVG состоит из путей и не размывается при увеличении — в этом и заключается главная ценность векторизации.
Можно ли конвертировать фотографию в SVG?
Технически можно, но результат обычно плохой: файл получается большим, а искажения заметными. Рекомендуется применять только к простым изображениям — Logo, иконкам, линейным рисункам и т. п.
Загружаются ли изображения на сервер?
Нет. Процесс векторизации полностью выполняется локально в браузере.
Какое количество цветов выбрать?
Для простых изображений вроде Logo обычно достаточно 8–16; чем больше цветов, тем больше файл. Начните со значения по умолчанию и подстраивайте по результату.
Поддерживается ли пакетная векторизация?
Да. Можно выбрать сразу несколько файлов для пакетной обработки и скачать их одним ZIP-архивом.