Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
Что такое преобразователь PNG в SVG?
Преобразователь PNG в SVG прослеживает растровое изображение в заполненных векторных формах. Он не восстанавливает оригинальный векторный дизайн: формы перестраиваются из пикселей, поэтому ребра являются приближением. Логотипы, значки, линейные рисунки и другие плоские изображения с небольшим количеством цветов прослеживают хорошо. Фотографии этого не делают; они превращаются в большие пятнистые SVG, которые могут быть много мегабайт, иногда десятки мегабайт, намного больше, чем PNG, с которого вы начали.
Разница между двумя форматами объясняет, почему это вообще стоит сделать. PNG хранит фиксированную сетку пикселей, поэтому ее увеличение делает края блочными. SVG хранит контуры, описанные как пути и заполненные цветом, которые браузер или приложение для дизайна чисто перерисовывает в любом размере. отслеживаемый SVG может зайти на веб-страницу, перекраситься в векторном редакторе или быть прочитанным режущим станком или лазерным гравером, который работает по контурам.
Трассировка происходит в два этапа Сначала изображение сводится к небольшой палитре, число, которое вы выбираете под Цветами. Затем трассировщик проходит по краю каждой области одного цвета и подходит к ней прямые линии и кривые, создавая один заполненный путь на область. Каждый путь также получает контур в 1 пиксель в своем собственном цвете, который закрывает промежутки между линиями волос, которые в противном случае были бы показаны между соседними формами.
Два параметра формируют результат Цвета 2, 8 (по умолчанию) или 16.Detail - это Low, Medium (по умолчанию) или High: Low сначала слегка размывает изображение, подходит для более свободных кривых и опускает формы меньше, чем спек, давая более простые и меньшие файлы, в то время как High внимательно следует за пикселями и сохраняет крошечные формы.Изменение либо установки трассировки каждого добавленного файла снова, и каждая строка показывает новый размер SVG рядом с размером PNG, так что вы можете сравнить настройки перед загрузкой.
Трассировка запускается на стороне клиента в фоновом Web Worker с помощью imagetracerjs, который загружается только при добавлении первого файла, поэтому страница остается отзывчивой и изображение не загружается. Изображения длиной более 1200 пикселей с обеих сторон уменьшаются перед трассировкой, поэтому задание заканчивается за считанные секунды, а SVG по-прежнему настроен на открытие на исходной ширине и высоте. Трассировка, которая занимает больше двух минут, останавливается сообщением, предполагающим меньшее количество цветов или меньшую детализацию. принимаются PNG до 100 мегапикселей, прозрачные области становятся прозрачными формами, и инструмент бесплатен, без регистрации, с ежедневным ограничением на преобразования.
Как конвертировать PNG в SVG
Добавьте файлы PNG
Опустите изображения PNG на поле или нажмите, чтобы загрузить. Несколько файлов одновременно в порядке, и каждый отслеживается, как только он добавлен. Логотипы, значки и плоская графика дают самые чистые результаты.
Установите цвета и детали
Выберите 2 цвета для черно-белых иллюстраций, 8 для большинства логотипов и 16 для заштрихованной графики. Начните со средней детали. Изменение любой настройки снова отслеживает каждый файл с помощью новых значений.
Проверьте след
Каждая строка показывает прослеженный SVG в качестве миниатюры, его статус и размерную линию с размером до и после и насколько меньше или больше SVG. Нажмите миниатюру, чтобы открыть SVG большой и переключиться между До и После. Если ребра выглядят комковатыми или файл слишком большой, измените настройку и посмотрите еще раз.
Скачать файлы SVG
Нажмите значок загрузки в строке, чтобы сохранить этот SVG, или загрузите все в заголовке списка, чтобы сохранить пакет как преобразованный 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 и размер файла
Перед загрузкой смотрите отслеживаемый результат и его вес, обновляемый каждый раз при изменении настройки
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!