Перейти к содержимому

Направление конвертации

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

Преобразование PNG → SVG на сервере, без установки программ

.png.svg

.png.svg
  1. Загрузить
  2. Выбрать формат
  3. Скачать

Загрузка файлов

Область приёма файла

или

Файлы PNG. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.

Трассировка строит контурный силуэт по границам светлого и тёмного, а не точную копию исходника. Логотипы, штриховые рисунки, схемы и подписи получаются аккуратно; фотография превращается в чёрно-белую графику без полутонов и цвета.

Исходники и результаты хранятся 60 минут, затем стираются фоновым уборщиком. Предельный размер файла — 5 МБ, срок хранения — час.

PNG и SVG: характеристики

Характеристики форматов PNG и SVG рядом
Характеристика.pngPNG.svgSVG
Полное названиеPortable Network GraphicsScalable Vector Graphics
РазработчикPNG Development Group, спецификация — W3CW3C
Год появления19962001
Расширение.png.svg
MIME-типimage/pngimage/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. Шаг 1

    Подготовка исходника

    Нужен контрастный растр с однотонным фоном и чёткими краями, длинная сторона — от 1000 пикселей. Пёстрый фон уберите заранее: обводка захватит всё, что темнее середины шкалы яркости.

  2. Шаг 2

    Передача файла

    Настроек у направления нет — порог, отсев шума и сглаживание зафиксированы. Предел размера входа ниже обычного: трассировка считается тем дольше, чем больше площадь изображения.

  3. Шаг 3

    Обводка

    Картинка уменьшается до 2000 пикселей по длинной стороне, приводится к двум уровням и обводится кривыми. Крупные изображения обрабатываются до нескольких десятков секунд, предел задания — три минуты.

  4. Шаг 4

    Доводка контуров

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

Вопросы по работе сервиса

Куда делись цвета исходника?

Трассировка делит изображение на фигуру и фон по единственному порогу яркости — понятия цвета области в этой процедуре нет. Готовый документ перекрашивается целиком за одно действие: заливкой в редакторе или правкой атрибута в разметке.

Что выйдет из фотографии?

Контрастный силуэт в духе трафарета. Снимок описывается миллионами оттенков, а вектор — фигурами с заливками, и разложить одно на другое автоматически невозможно: у процедуры есть ровно один порог и два исхода для каждого пикселя. Как приём это работает на постерах, наклейках и гравировке, как исходник фирменного знака — нет.

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

Обычно виноват исходник: маленький размер, серый или пёстрый фон, следы предыдущего сжатия. Порог 128 делит изображение по середине шкалы, и всё, что колеблется около этого значения, даёт зубчатую границу. Возьмите картинку крупнее, поднимите контраст и уберите фон.

Можно ли редактировать полученный документ?

Да, это обычная векторная разметка: узлы двигаются, кривые правятся, заливка меняется. Открывается любым векторным редактором и браузером. Учтите, что узлов может оказаться избыточно много — для аккуратного знака их обычно упрощают вручную после конвертации.