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