- Бесплатный домен
- Бесплатный SSL
- 30 дней на возврат денег
Что такое конвертер PNG в SVG?
Конвертер PNG в SVG векторизует растровое изображение, превращая его в залитые векторные фигуры. Он не восстанавливает исходный векторный рисунок: фигуры строятся заново по пикселям, поэтому края получаются приближёнными. Логотипы, значки, штриховые рисунки и другая плоская графика с небольшим числом цветов векторизуются хорошо. Фотографии — нет: они превращаются в тяжёлые пятнистые SVG, которые могут занимать много мегабайт, а иногда и десятки мегабайт, намного больше исходного PNG.
Разница между форматами объясняет, зачем это вообще нужно. PNG хранит фиксированную сетку пикселей, поэтому при увеличении края становятся ступенчатыми. SVG хранит контуры, заданные путями и залитые цветом, и браузер или программа для дизайна чётко перерисовывает их при любом размере. Векторизованный SVG можно вставить на веб-страницу, перекрасить в векторном редакторе или передать режущему плоттеру или лазерному гравёру, которые работают по контурам.
Векторизация проходит в два этапа. Сначала изображение сводится к небольшой палитре — её размер вы выбираете в параметре «Цвета». Затем векторизатор обходит границу каждой области одного цвета и подбирает для неё прямые и кривые, создавая по одному залитому контуру на область. Каждый контур также получает обводку в 1 пиксель своего цвета: она закрывает тонкие щели, которые иначе проступали бы между соседними фигурами.
Результат определяют два параметра. «Цвета» — 2, 8 (по умолчанию) или 16. «Детализация» — «Низкая», «Средняя» (по умолчанию) или «Высокая». При низкой детализации изображение сначала слегка размывается, кривые подбираются свободнее, а фигуры мельче пятнышка отбрасываются, поэтому файлы получаются проще и меньше. При высокой детализации контуры точно следуют пикселям, а мелкие фигуры сохраняются. При изменении любого параметра все добавленные файлы векторизуются заново, а в каждой строке рядом с размером PNG показан размер нового SVG, так что настройки можно сравнить до скачивания.
Векторизация выполняется на стороне клиента, в фоновом Web Worker, с помощью imagetracerjs. Эта библиотека загружается только при добавлении первого файла, поэтому страница остаётся отзывчивой, а изображение никуда не отправляется. Изображения, у которых любая сторона длиннее 1200 пикселей, перед векторизацией уменьшаются, чтобы задача выполнялась за считаные секунды, при этом SVG по-прежнему открывается в исходных ширине и высоте. Если векторизация длится дольше двух минут, она останавливается, а вы получаете сообщение с советом уменьшить число цветов или детализацию. Принимаются PNG до 100 мегапикселей, прозрачные области становятся прозрачными фигурами, а сам инструмент бесплатный, без регистрации, с суточным лимитом на число преобразований.
Как преобразовать PNG в SVG
Добавьте файлы PNG
Перетащите изображения PNG в поле или нажмите, чтобы загрузить. Можно добавить сразу несколько файлов: каждый векторизуется, как только появится в списке. Самые чистые результаты дают логотипы, значки и плоская графика.
Задайте цвета и детализацию
Выберите 2 цвета для чёрно-белых рисунков, 8 — для большинства логотипов и 16 — для графики с тенями. Начните со средней детализации. При изменении любого параметра все файлы векторизуются заново с новыми значениями.
Проверьте результат
В каждой строке показаны миниатюра векторизованного SVG, его статус и строка с размером до и после и с тем, насколько SVG меньше или больше. Нажмите на миниатюру, чтобы открыть SVG крупно и переключаться между «До» и «После». Если края выглядят неровными или файл слишком большой, измените параметр и посмотрите ещё раз.
Скачайте файлы SVG
Нажмите значок загрузки в строке, чтобы сохранить этот SVG, или «Скачать все» в заголовке списка, чтобы сохранить сразу все файлы в архиве converted-svg.zip.
Зачем преобразовывать PNG в SVG?
Векторизация оправданна, когда изображение простое и нужно, чтобы оно масштабировалось без потери качества или читалось как набор контуров. Для любых фотографий лучше оставить PNG.
Логотип, который есть только в PNG
Исходный векторный файл часто теряется, и остаётся только PNG, взятый с сайта или из подписи в письме. Векторизация даёт SVG, который можно увеличить для баннера или печати без ступенчатых краёв. Внимательно проверьте кривые и мелкий текст: они построены по пикселям, а не скопированы из файла дизайнера.
Режущие плоттеры, граверы и программы для вышивки
Виниловые плоттеры, лазерные граверы и многие инструменты для рукоделия работают по контурам, а не по пикселям. 2-цветная векторизация силуэта, трафарета или монограммы превращает каждую тёмную область в замкнутую фигуру, по которой станок может вести резку.
Значки и иллюстрации для сайтов
Плоский значок, векторизованный в SVG, остаётся чётким на экранах с высокой плотностью пикселей, и его можно перекрасить с помощью CSS. Если позже понадобится растровая версия заданного размера, преобразуйте SVG обратно в PNG.
PNG и векторизованный SVG: что выбрать
| PNG | Векторизованный SVG | |
|---|---|---|
| Что хранит | Сетку пикселей. | Залитые фигуры, построенные по этим пикселям. Не исходный векторный рисунок. |
| Масштабирование | При увеличении становится ступенчатым или размытым. | Чётко перерисовывается при любом размере. |
| Цвета | Миллионы, с плавными градиентами. | 2, 8 или 16 плоских цветов. Градиенты превращаются в полосы. |
| Прозрачность | Полноценный альфа-канал. | Прозрачные области векторизуются как прозрачные фигуры. |
| Логотипы и значки | Хорошо выглядят в том размере, в котором сохранены. | Хорошо подходит: чистые края, легко перекрасить. |
| Фотографии | Хорошо подходит, и файл обычно меньше. | Плохо подходит: крупные пятнистые SVG, иногда в десятки мегабайт. |
| Редактирование | Растровые редакторы. | Векторные редакторы, программы для резки и гравировки, код. |
Как цвета и детализация влияют на результат
Каждая настройка — это компромисс между точностью SVG и числом фигур в нём. Больше фигур означает больший файл и больше работы по очистке в векторном редакторе.
Цвета: 2, 8 или 16
Перед векторизацией изображение сводится к этому числу цветов. Два цвета подходят для чёрно-белых логотипов, трафаретов, подписей и штриховых рисунков. Восемь справляются с большинством плоских логотипов с несколькими фирменными цветами и сглаженными краями. Шестнадцать сохраняют больше оттенков, но ценой гораздо большего числа мелких фигур вдоль каждого мягкого края.
Детализация: низкая, средняя или высокая
При низкой детализации изображение слегка размывается, кривые подбираются свободнее, а мелкие фигуры отбрасываются, за счёт чего контуры получаются плавными, а файлы небольшими. При средней кривые подбираются с точностью примерно до пикселя. При высокой контуры точно следуют пикселям, а мелкие фигуры сохраняются, поэтому тонкие линии не теряются, но вместе с ними появляется и шум.
Почему с фотографиями ничего не выходит
В фотографии везде мягкие градиенты и текстура, поэтому даже при 16 цветах она распадается на тысячи неровных пятен. Каждое пятно становится контуром со своими координатами, и SVG может оказаться во много раз больше PNG, но при этом выглядеть как постеризованная копия. Это ограничение самой векторизации, а не настройка, которую можно исправить.
Конфиденциальность и безопасность
- PNG декодируется и векторизуется прямо во вкладке браузера, в фоновом обработчике. Изображение никуда не отправляется.
- Библиотека imagetracerjs загружается с этого сайта только при добавлении первого файла.
- SVG собирается только из векторизованных контуров, без скриптов, ссылок и встроенной копии исходного PNG.
- Ежедневная проверка лимита отправляет название инструмента, идентификатор устройства и токен входа, если он у вас есть. Данные изображения не передаются.
- После обработки пакета страница записывает в журнал число файлов, общий объём в байтах и выходной формат, но никогда не имена файлов и не пиксели.
Основные возможности
2, 8 или 16 цветов
От чёрно-белых рисунков до плоской графики с тенями
Низкая, средняя и высокая детализация
Гладкие компактные контуры или точная прорисовка мелких форм
Формы без зазоров
Тонкий контур того же цвета на каждой форме скрывает стыки между цветами
Предпросмотр SVG и размер файла
Смотрите результат векторизации и его размер перед скачиванием — он обновляется при каждом изменении настроек
Часто задаваемые вопросы
Связанные инструменты
Конвертер JPG в SVG
Проследите логотип JPG, сканирование или подпись в SVG заполненных форм с 2, 8 или 16 цветами. Он не восстанавливает оригинальный векторный дизайн, и фотографии дают большие, пятнистые SVG
Конвертер PNG в PDF
Поместите снимки экрана и графику PNG в один PDF-файл, не теряя при этом деталей, по одной странице на изображение, в своем браузере
Конвертер SVG в PDF
Поместите графику SVG на страницы PDF в виде изображений с разрешением 1x, 2x или 4x, по одной странице в файле, в вашем браузере
Преобразователь SVG в PNG
Преобразуйте векторную графику SVG в PNG в формате 1x, 2x или 4x в браузере, загрузка не требуется
Comments
0 comments
No comments yet. Be the first to share your thoughts!