Конвертировать PNG в SVG бесплатно
PNG — лучшая растровая основа для вектора: края сохраняются без потерь, а фон часто уже прозрачный. Загрузите PNG, выберите, сколько цветов оставить, и скачайте SVG, фигуры которого можно масштабировать и редактировать.
Изображение в SVG
или перетащите сюда файлы JPG, JPEG, JFIF … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
Большее значение сохраняет мелкие точки и тонкую текстуру; меньшее убирает фигуры размером в несколько пикселей и очищает шум.
Большее значение сглаживает зубчатые края у исходников низкого разрешения или JPG; меньшее сохраняет острые углы.
Плавные кривые — для большинства изображений, прямые отрезки — для геометрических логотипов, пиксельные края — чтобы пиксель-арт остался ступенчатым.
Только для PDF: какие страницы преобразовать, например 1 или 1-3, 5. Каждая страница станет отдельным файлом.
Как пользоваться инструментом
- 1
Загрузите PNG
Перетащите PNG с логотипом, значком, стикером или рисунком, либо до 20 файлов сразу. Чем крупнее экспорт, тем точнее трассировка: PNG шириной 1000 px даст лучший результат, чем фавикон 64 px.
- 2
Выберите режим трассировки
Для обычного логотипа оставьте Цветовой режим «Цвет» с 8 цветами, для штриховых рисунков переключитесь на Чёрно-белый, а в поле Количество цветов укажите точное число цветов вашего макета.
- 3
Скачайте SVG
Нажмите Векторизовать в SVG. Откройте файл и приблизьте изгиб; если края выглядят ступенчатыми, увеличьте Сглаживание в разделе Расширенные настройки и запустите снова.
Почему PNG лучше всего подходит для конвертации в SVG
PNG появился в 1995 году как свободная от патентов замена GIF, а в октябре 1996 года стал рекомендацией W3C. Сжатие в нём без потерь, поэтому красная граница рядом с белой остаётся именно такой, без ряби и блоков. Для векторизатора это идеальные входные данные: граница двух цветов проходит там, где её показывают пиксели, и подобранная кривая точно повторяет исходный рисунок.
PNG может также содержать альфа-канал — отдельное значение непрозрачности для каждого пикселя. Логотипы и значки, экспортированные из Figma, Canva или Photoshop, обычно его используют, и он служит готовой маской: всё прозрачное — фон, всё непрозрачное — рисунок. У JPEG того же логотипа белый прямоугольник вшит в изображение, поэтому для JPEG в SVG нужно более сильное сглаживание и часто Удалить фон.
Поскольку исходник чистый, на этой странице заданы Детализация 70 и Сглаживание 40: мелкие углы и засечки сохраняются, а на страницах для JPEG они сглаживаются. В нашем руководстве по PNG в SVG эти настройки разобраны на примерах.
Цветная, серая или черно-белая трассировка
Цвет
Каждая группа цветов становится отдельным слоем из залитых контуров.
- 2–64 цвета
- Сохраняет фирменные цвета
- Фигуры друг над другом, легко перекрасить
Оттенки серого
Как цветовой режим, но группы состоят из серых тонов.
- 2–64 уровня серого
- Без цветовых оттенков
- Подходит для карандаша и угля
Чёрно-белый
Одно разделение: каждый пиксель либо чернила, либо пустота.
- Порог 1–254
- Самый маленький файл
- Один набор контуров
Порог при конвертации PNG в SVG для штриховых рисунков
- 60
Остаётся только самый тёмный тон
- 128
Разделение по умолчанию на среднем сером
- 170
Сохраняет слабые и сглаженные линии
- 220
Светло-серый становится чёрным; края утолщаются
PNG
Portable Network Graphics
PNG — растровый формат без потерь, опубликованный в 1996 году группой PNG Development Group и позже стандартизированный W3C и ISO. Он сохраняет каждый пиксель в точности, полностью поддерживает альфа-прозрачность и передаёт текст, чёткие края и однотонные заливки без артефактов. Благодаря этой точности он идеально подходит для скриншотов, логотипов, иконок и элементов интерфейса. Обратная сторона — размер: фотография в PNG часто весит в несколько раз больше, чем та же фотография в JPEG или WebP. PNG открывают все браузеры, операционные системы и графические редакторы.
- Сжатие
- Без потерь
- Прозрачность
- Да
- Анимация
- Нет
- Год появления
- 1996 · PNG Development Group
SVG
Scalable Vector Graphics
SVG — векторный формат на основе XML, стандартизированный W3C в 2001 году. Вместо пикселей он описывает фигуры, контуры и текст, поэтому остаётся чётким при любом размере и для логотипов и иконок обычно весит совсем немного. Он поддерживает прозрачность, стили CSS, скрипты и анимацию, и все браузеры отображают его без дополнений. SVG не подходит для фотографий, а сложные иллюстрации могут медленно отрисовываться. Открывать и редактировать его могут Illustrator, Inkscape, Figma и браузеры.
- Сжатие
- –
- Прозрачность
- Да
- Анимация
- Да
- Год появления
- 2001 · W3C
В PNG уже чёткие края и часто прозрачный фон, поэтому его переводят в SVG, чтобы получить логотип или значок, который масштабируется для печати, плоттеров и адаптивных сайтов; SVG в PNG работает в обратную сторону: вектор растрируется в пиксели для приложений, не читающих SVG.
Подготовка PNG перед трассировкой
Экспортируйте крупнее
Сохраните PNG в размере в два-три раза больше отображаемого. Кривые подгоняются под края пикселей, поэтому чем больше пикселей, тем точнее кривые.
Уберите эффекты
Тени, свечение и градиенты превращаются в десятки тонких полос. Скройте их перед экспортом и при необходимости добавьте обратно уже в SVG.
Посчитайте цвета
Определите, сколько сплошных цветов в макете, и введите это число. Для ЧПУ или лазерной резки PNG в DXF векторизует тот же файл в формат CAD.
PNG в SVG: частые вопросы
Можно ли конвертировать PNG в SVG бесплатно и без регистрации?
Да. Загружайте, векторизуйте и скачивайте без регистрации, до 20 файлов за раз. Загруженные PNG и готовые SVG удаляются с сервера через 30 минут.
Что происходит с прозрачными областями PNG?
Альфа-канал PNG показывает векторизатору, какие пиксели относятся к рисунку, поэтому полностью прозрачные области остаются пустыми и не превращаются в белую фигуру. Обычно Удалить фон не нужен; включайте его, только если в PNG вшит сплошной белый или цветной фон.
Почему вокруг каждой фигуры векторизованной PNG-иконки появляется тонкий контур?
Гладкие края PNG сглажены: крайние пиксели полупрозрачны или представляют смесь двух цветов. Векторизатор может принять эту смесь за дополнительный тонкий цвет. Уменьшите Количество цветов на один-два или увеличьте Сглаживание, и ореол сольётся с фигурой.
Чем это отличается от «Трассировки изображения» в Illustrator или «Векторизации растра» в Inkscape?
Подход тот же: уменьшить число цветов, найти границы, подобрать кривые. В Illustrator есть наборы настроек вроде «Чёрно-белый логотип» и «16 цветов», в Inkscape — отсечение по яркости и многоцветное сканирование. Здесь им соответствуют Цветовой режим, Количество цветов и Порог, причём ничего устанавливать не нужно.
Станет ли текст из PNG редактируемым текстом в SVG?
Нет. Буквы векторизуются как контурные фигуры: внешний вид сохраняется, но набрать текст заново в них нельзя. Для логотипа это подходит; для скриншота с большим количеством текста быстрее набрать его вручную.
В моем PNG ровно пять цветов. Можно ли точно сохранить их в SVG?
Установите Количество цветов равным 5. Тогда векторизатор разобьёт все пиксели на пять групп, а в PNG с плоскими цветами эти группы совпадут с исходными цветами.
