Конвертер PNG в SVG
за секунды, а не часы

Профессиональная конвертация PNG в SVG с трассировкой на основе ИИ. Без оплаты, без лимитов, без водяных знаков.

Перетащите изображение или нажмите, чтобы загрузить

JPG • PNG • WEBP • BMP • TIFF • GIF • До 10MB

Без банковской карты • Без ограничений на число конвертаций
Мы на Product Hunt
31

100% бесплатно

Конфиденциальность

Мгновенный результат

Без регистрации

10M+|Всегда бесплатно
Три шага

Как это работает

Загрузите, настройте, скачайте. Аккаунт не нужен.

01

Загрузите

Перетащите изображение размером до 10 MB или нажмите, чтобы выбрать файл. Предпросмотр появится через несколько секунд.

02

Настройте

Выберите пресет, например Logo & Icon, «Фото» или «Чёрно-белое», затем подберите детализацию, цвета и углы — предпросмотр обновляется сразу.

03

Скачайте

Когда предпросмотр вас устроит, скачайте SVG. Файл ваш, без водяных знаков.

PNG и SVG: главное

PNG — растровый формат: фиксированная сетка пикселей, сжатая без потери деталей, с необязательным альфа-каналом для прозрачности. Если увеличить PNG больше исходного размера, края станут мягкими и «кубиками»: лишних пикселей, которые можно показать, просто нет.

SVG описывает фигуры как контуры в небольшом текстовом файле, поэтому остаётся чётким при любом размере, а цвета можно менять в Figma, Illustrator, Inkscape или через CSS. При конвертации PNG области близкого цвета трассируются в такие контуры. Это перерисовка того, что уже есть на изображении: деталей, которых там не было, она не добавляет.

Что происходит с прозрачностью при превращении PNG в SVG

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

Полностью прозрачные области остаются пустыми

Там, где PNG полностью прозрачен, фигуры не рисуются. Логотип на прозрачном фоне так и остаётся логотипом на прозрачном фоне — его можно поместить на любой цвет или фото.

Полупрозрачные пиксели становятся непрозрачными

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

Мягкие края могут оставить кайму

Пиксели со сглаженными краями частично прозрачны, и некоторые из них трассируются тонкими полосками чуть другого оттенка. Приблизьте контур. Если видна кайма, скройте этот цвет в палитре или сдвиньте ползунок «Детализация» к «Чище».

Белый фон — это не прозрачность

Если у PNG сплошной белый или цветной фон, он трассируется как обычная фигура. Перед трассировкой воспользуйтесь в редакторе функцией «Удалить фон» или потом скройте цвет фона в палитре.

Скриншоты, а также экспорт из Canva и Figma

Большинство PNG, которые хотят получить в векторе, изначально не рисовались как PNG. Это снимки экрана или экспорт из дизайн-инструмента, и у каждого источника свои следы на изображении.

Скриншоты

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

Файлы из Canva

Можно ли скачать из Canva PNG с прозрачным фоном, зависит от вашего тарифа. Если вам доступно скачивание в SVG, используйте его: дизайн экспортируется в векторе, и трассировка не нужна.

Экспорт из Figma

Figma умеет экспортировать любой фрейм или слой в SVG и точно сохраняет исходные векторные фигуры. Трассируйте PNG, только если исходного файла уже нет, и по возможности берите экспорт в 2x или 3x — края получатся чище.

Экспорт в маленьком размере

У иконок размером 16 или 32 пикселя на каждую кривую приходится так мало пикселей, что трассировка повторяет ступеньки. Перед конвертацией экспортируйте заново в самом большом доступном размере.

PNG-8 и PNG-24: почему важна глубина цвета

PNG-8 хранит палитру до 256 цветов, и каждый пиксель указывает на один из них. PNG-24 хранит полный цвет каждого пикселя, а с альфа-каналом его часто называют PNG-32. Большинство дизайн-инструментов по умолчанию сохраняют PNG-24; PNG-8 обычно получается из оптимизаторов и старой веб-графики.

Логотип в PNG-8 со сплошными цветами трассируется в несколько чистых фигур: цветов, которые нужно разделять, немного. С PNG-8 из фотографии или градиента всё иначе: недостающие оттенки обычно имитируются дизерингом — узором из точек, который трассировщик превращает в скопления крошечных фигур. PNG-24 сохраняет плавные края и градиенты, а пресет Logo & Icon или ползунок «Цвета» сольют их в однотонные области, если нужен более простой SVG.

Какие PNG конвертируются хорошо

Хорошо подходят

  • Логотипы и иконки, экспортированные с прозрачным фоном
  • Стикеры, клипарт и плоские иллюстрации с чёткими контурами
  • Подписи, рукописные надписи и штриховые рисунки
  • Диаграммы и графики, экспортированные из презентаций или таблиц
  • Макеты для режущих плоттеров, которым нужны контуры, а не пиксели (см. как сделать SVG-файлы для Cricut)

Подходят плохо

  • Фотографии в PNG: они трассируются в тысячи мелких пятен
  • Скриншоты целых страниц с мелким текстом
  • Графика, у которой мягкие тени, свечение или градиенты должны остаться без изменений
  • Иконки, доступные только в размере от 16 до 32 пикселей

Если вы работаете в Adobe Illustrator, инструмент «Трассировка изображения» делает то же самое с ручной настройкой каждого параметра. В нашем руководстве по конвертации PNG в SVG в Illustrator разобраны настройки, которые действительно важны.

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

Сохраняется ли прозрачный фон?

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

Почему у моего SVG белый фон?

У PNG сплошной белый фон, а не прозрачный, и он трассируется как любой другой цвет. Воспользуйтесь функцией «Удалить фон» перед трассировкой или скройте белый цвет в палитре, чтобы убрать эти фигуры.

Откуда тонкие полоски по краям моего логотипа?

Их дают пиксели со сглаженными краями: они частично прозрачны и чуть отличаются по цвету. Скройте лишний цвет в палитре или сдвиньте ползунок «Детализация» к «Чище».

Можно ли конвертировать скриншот в SVG?

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

Что лучше конвертируется: PNG-8 или PNG-24?

PNG-8 со сплошными цветами чисто трассируется в небольшое число фигур. PNG-24 лучше, если версия в PNG-8 была бы с дизерингом: точки дизеринга превращаются в скопления крошечных фигур.

SVG будет меньше, чем PNG?

Для логотипов, иконок и плоской графики обычно да. Для фотографий часто получается больше. Можно загружать файлы до 10 MB; изображения, у которых длинная сторона больше 4096 пикселей, перед трассировкой уменьшаются.

Какой у вас формат файла?

Здесь можно загрузить не только PNG, но и JPG, WebP, GIF, BMP и TIFF. У каждого формата свои особенности перед трассировкой, и у каждого есть отдельная страница с руководством.

JPG в SVGФото, сканы и логотипы, которые пересылают по почте или в мессенджерах. В руководстве — о шуме от сжатия и о том, как его убрать заранее.WebP в SVGИзображения, сохранённые с сайтов: многие сайты теперь отдают WebP вместо PNG или JPG.GIF в SVGСтарая веб-графика, кнопки и анимации. Трассируется только первый кадр анимированного GIF.BMP в SVGФайлы из Microsoft Paint, старых программ для Windows и сканеров — они большие, потому что не сжаты.TIFF в SVGСканы и файлы для печати, включая многостраничные и CMYK-файлы TIFF, которые нужно немного подготовить.

Конвертируйте PNG в SVG прямо сейчас

Бесплатно, быстро и без регистрации.

10M+

Конвертаций

50K+

Пользователей