PNG в SVGJPG в SVGКопирование кода SVG

PNG в SVG: конвертер онлайн

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

Импорт и настройки

Для более чистых векторных контуров используйте простую графику. Фото и сложные скриншоты после экспорта могут потребовать ручной доработки.

Перетащите изображение PNG, JPG или WebP сюда или

Уровень детализации8 / 10
Цвета16
Сглаживание краев1.5

Превью

Здесь появятся исходное изображение и превью созданного SVG.

Выберите изображение, чтобы начать векторизацию.

Как работает конвертация PNG в SVG

PNG или JPG это сетка пикселей. SVG это набор фигур, описанных математически, поэтому он остается четким при любом размере, от значка сайта до рекламного щита. Превращение одного в другое называется векторизацией (трассировкой): инструмент группирует близкие цвета, находит контур каждой области и рисует его плавной линией.

Этот конвертер использует движок с открытым кодом ImageTracer и работает в вашем браузере. Выберите шаблон, проверьте превью рядом с оригиналом и скачайте файл .svg или скопируйте код.

Как перевести PNG в SVG

  1. Добавьте изображение. Подходят PNG, JPG и WebP. Лучший результат дает чистый логотип или значок с плоскими цветами.
  2. Выберите шаблон. «Логотип» для плоской графики, «Контурный рисунок» для черно-белых рисунков и подписей, «Плавные фото» или «Высокая детализация» для сложных изображений.
  3. Настройте результат. Больше детализации сохраняет мелкие формы. Меньше цветов дает более чистые и легкие файлы. Небольшое размытие убирает шум от артефактов JPG.
  4. Скачайте SVG или скопируйте код SVG прямо в свой сайт или графический редактор.

Что хорошо переводится в SVG, а что нет

Логотипы и значкиОтлично. Плоские цвета и четкие края трассируются чисто. Используйте от 2 до 16 цветов.
Подписи и контурные рисункиОчень хорошо с шаблоном «Контурный рисунок» (2 цвета).
Мультяшные картинки и иллюстрацииХорошо. Мягкие тени будут немного упрощены.
ФотографииВозможно, но результат похож на постер, а файл SVG может быть намного больше, чем JPG.

Крупные изображения трассируются с длинной стороной до 1600 пикселей, чтобы браузер не тормозил. Затем SVG масштабируется обратно, поэтому размер совпадает с оригиналом.

Можно и JPG в SVG

Те же шаги подходят для файлов JPG. Сжатие JPG оставляет у краев слабый блочный шум, поэтому перед трассировкой поставьте размытие 1 или 2. Тогда инструмент не будет превращать каждую точку в отдельную крошечную фигуру.

Где пригодится SVG

SVG стандартный формат для логотипов и значков на сайтах. Его принимают режущие плоттеры Cricut и Silhouette, лазерные станки и большинство программ для вышивки. Дизайнеры открывают SVG в Illustrator, Inkscape или Figma и масштабируют до любого размера без потери четкости.

Все происходит локально, поэтому ваш рисунок никуда не загружается. Это бесплатно и без регистрации.

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

Как бесплатно перевести PNG в SVG?

Добавьте PNG, выберите шаблон, например «Логотип», проверьте предпросмотр и нажмите «Скачать SVG». Это бесплатно и без регистрации, а изображение трассируется в вашем браузере.

Можно ли перевести JPG в SVG?

Да. Поддерживаются JPG, PNG и WebP. Для JPG размытие 1 или 2 помогает убрать шум сжатия перед трассировкой.

SVG будет выглядеть точно так же, как мой PNG?

Для логотипов и плоской графики результат будет очень близким. Фотографии и градиенты упрощаются до областей однотонного цвета: так работает векторная трассировка.

Подойдет ли SVG для Cricut или лазерной резки?

Да. Выберите шаблон «Логотип» или «Контурный рисунок» с небольшим числом цветов, чтобы контуры были чистыми и их легко было резать.

Почему файл SVG такой большой?

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

Мое изображение загружается на сервер?

Нет. Трассировка полностью выполняется в вашем браузере, на вашем устройстве.