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