Направление конвертации
Конвертация PNG в SVG
Преобразование PNG → SVG на сервере, без установки программ
- Загрузить
- Выбрать формат
- Скачать
Загрузка файлов
Область приёма файла
или
Файлы PNG. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.
Трассировка строит контурный силуэт по границам светлого и тёмного, а не точную копию исходника. Логотипы, штриховые рисунки, схемы и подписи получаются аккуратно; фотография превращается в чёрно-белую графику без полутонов и цвета.
Исходники и результаты хранятся 60 минут, затем стираются фоновым уборщиком. Предельный размер файла — 5 МБ, срок хранения — час.
PNG и SVG: характеристики
| Характеристика | .pngPNG | .svgSVG |
|---|---|---|
| Полное название | Portable Network Graphics | Scalable Vector Graphics |
| Разработчик | PNG Development Group, спецификация — W3C | W3C |
| Год появления | 1996 | 2001 |
| Расширение | .png | .svg |
| MIME-тип | image/png | image/svg+xml |
| Содержимое | Двоичное | Текстовое |
| Сжатие | без потерь (Deflate и фильтры строк) | Без потерь |
| Прозрачность | альфа-канал, 256 уровней | Поддерживается |
| Несколько страниц в файле | Нет | Нет |
| Глубина цвета | до 16 бит на канал | нет данных |
| Анимация | через расширение APNG | нет данных |
| Сильная сторона | скриншоты, логотипы, графика с текстом | нет данных |
| Чем открыть | Просмотр фотографий Windows, Фото (macOS), Adobe Photoshop, GIMP, Paint.NET, любой браузер | любой браузер, Inkscape, Adobe Illustrator, Figma, CorelDRAW, текстовый редактор |
| Спецификация | Описание формата | Описание формата |
| Тип графики | нет данных | векторная, разметка XML |
| Масштабирование | нет данных | без потери качества |
| Возможности | нет данных | прозрачность, градиенты, фильтры, анимация, CSS |
| Размер | нет данных | единицы килобайт для иконок |
| Осторожно | нет данных | файл может содержать скрипты |
Преобразование PNG → SVG
Это трассировка, а не восстановление вектора. Изображение приводится к двум уровням по порогу яркости 128, границы получившихся пятен обводятся кривыми Безье, пятна площадью меньше двух пикселей отбрасываются как шум. На выходе — одноцветный контурный документ, который масштабируется без потерь, но не содержит ни полутонов, ни исходных цветов.
Параметры фиксированы и подобраны под типовой материал: порог перевода в чёрно-белое — середина шкалы, минимальная площадь пятна — 2 пикселя, сглаживание углов и упрощение кривых включены с допуском 0,2. Перед обводкой картинка уменьшается до 2000 пикселей по длинной стороне: время трассировки растёт с площадью нелинейно, а точность контура выше этого предела уже не улучшается. По той же причине предел размера входа здесь ниже, чем на других направлениях, а на задание отведено три минуты.
Материал определяет исход. Работают: знак на светлом фоне, эмблема, печать, подпись, штриховой рисунок, схема, скан чертежа — всё, где объект уверенно отделяется от фона по яркости. Не работают: фотографии, изображения с мягкими тенями и градиентами, скриншоты с полупрозрачными панелями. Порог делит картинку ровно надвое, поэтому снимок превращается в контрастный силуэт — иногда это и есть нужный результат, но векторным исходником он не является.
Цвет не сохраняется: контуры заливаются одним значением, поскольку трассировка ведётся по единственному порогу и понятия «цвет области» в ней нет. Заливка меняется одним свойством в векторном редакторе или правкой атрибута прямо в разметке. Объём результата — единицы килобайт против сотен у исходного растра, а масштабируется он до любого размера без ступеней на краях: именно поэтому такие файлы принимают плоттеры резки и станки с числовым управлением.
Порядок преобразования PNG → SVG
Шаг 1
Подготовка исходника
Нужен контрастный растр с однотонным фоном и чёткими краями, длинная сторона — от 1000 пикселей. Пёстрый фон уберите заранее: обводка захватит всё, что темнее середины шкалы яркости.
Шаг 2
Передача файла
Настроек у направления нет — порог, отсев шума и сглаживание зафиксированы. Предел размера входа ниже обычного: трассировка считается тем дольше, чем больше площадь изображения.
Шаг 3
Обводка
Картинка уменьшается до 2000 пикселей по длинной стороне, приводится к двум уровням и обводится кривыми. Крупные изображения обрабатываются до нескольких десятков секунд, предел задания — три минуты.
Шаг 4
Доводка контуров
Откройте результат в векторном редакторе: задайте заливку, удалите случайные мелкие фигуры и при необходимости упростите узлы. Автоматическая обводка нередко даёт их больше, чем нужно для аккуратного знака.
Вопросы по работе сервиса
Куда делись цвета исходника?
Трассировка делит изображение на фигуру и фон по единственному порогу яркости — понятия цвета области в этой процедуре нет. Готовый документ перекрашивается целиком за одно действие: заливкой в редакторе или правкой атрибута в разметке.
Что выйдет из фотографии?
Контрастный силуэт в духе трафарета. Снимок описывается миллионами оттенков, а вектор — фигурами с заливками, и разложить одно на другое автоматически невозможно: у процедуры есть ровно один порог и два исхода для каждого пикселя. Как приём это работает на постерах, наклейках и гравировке, как исходник фирменного знака — нет.
Почему края получились рваными?
Обычно виноват исходник: маленький размер, серый или пёстрый фон, следы предыдущего сжатия. Порог 128 делит изображение по середине шкалы, и всё, что колеблется около этого значения, даёт зубчатую границу. Возьмите картинку крупнее, поднимите контраст и уберите фон.
Можно ли редактировать полученный документ?
Да, это обычная векторная разметка: узлы двигаются, кривые правятся, заливка меняется. Открывается любым векторным редактором и браузером. Учтите, что узлов может оказаться избыточно много — для аккуратного знака их обычно упрощают вручную после конвертации.