Как пользоваться: PNG в SVG
- 1
Добавьте одно изображение
Загрузите PNG, JPG, WebP или другое изображение размером до 25 MB. Лучше всего трассируются логотипы, значки, подписи и плоские иллюстрации.
- 2
Выберите стиль
Режим «Ч/б» создаёт одноцветные фигуры по порогу яркости, «Цвет» использует до 32 цветов, «Детально» — до 64.
- 3
Настройте контуры
Увеличьте «Сглаживание» для более округлых кривых, уберите крупинки «Фильтром шума» и включите или выключите «Удалить фон».
- 4
Сохраните SVG
Сравните результат с оригиналом, затем скачайте name.svg или скопируйте SVG-код в свой проект.
Лимиты и Pro
Одно изображение до 25 MB за раз, трассировка до 2 000 px по длинной стороне и до 64 цветов.
В Pro можно загружать исходные изображения до 4 GB. Смотреть Pro
О инструменте «PNG в SVG»
Конвертер «PNG в SVG» трассирует контуры растрового изображения и собирает их заново в виде векторных контуров, поэтому результат можно растянуть до размера рекламного щита или уменьшить до фавиконки, и пиксели не будут заметны. Сначала изображение сводится к палитре с помощью квантования методом медианного сечения (в режиме «Ч/б» — к одному цвету фигур), а затем каждую цветовую область обводит движок imagetracerjs. В SVG на каждый цветовой слой приходится один элемент path, сохраняются исходные ширина и высота, а слой фона можно убрать, чтобы логотип стал прозрачным.
Три значения параметра «Разрешение трассировки» позволяют выбирать между скоростью и детализацией: «Быстро» обрабатывает 800 пикселей по длинной стороне, «Сбалансированно» — 1 200, «Высокое» — 2 000. «Сглаживание» меняется от «Точно», которое повторяет каждую ступеньку пикселей, до «Максимум», сильно скругляющего углы; «Фильтр шума» убирает островки размером до 40 пикселей. Статистика под предпросмотром показывает, сколько в файле контуров и цветов, а это хороший ориентир для его веса.
Хорошо подходят логотип компании, который остался только в PNG, отсканированная подпись или печать, файл для виниловой резки или лазерной гравировки и простые значки. Фотографии подходят плохо: они получаются постеризованными, а подробное фото может превратиться в SVG на несколько мегабайт, который больше и медленнее исходного JPG. Градиенты превращаются в заметные полосы, текст становится фигурами, а не редактируемыми буквами, и очень тонкие линии при низком разрешении могут разорваться.
Конфиденциальность
Трассировка выполняется в отдельном Web Worker прямо во вкладке: изображение декодируется на вашем устройстве, квантуется и обводится движком imagetracerjs, а SVG собирается локально. Код трассировщика загружается с этого сайта только после того, как вы выберете изображение. Ни изображение, ни SVG не загружаются на сервер и нигде не хранятся после закрытия страницы.
Возможности
Чистые векторные контуры
Один компактный контур на цветовой слой, масштабируется до любого размера без пикселей.
Три стиля
«Ч/б» для логотипов и подписей, «Цвет» для плоской графики, «Детально» для насыщенных иллюстраций.
Сглаживание и фильтр шума
Скруглите ступеньки и уберите мелкие крупинки до скачивания.
Копирование кода
Вставьте SVG-разметку прямо в HTML, CSS или программу для дизайна.