Безкоштовний конвертер
PNG до Векторизатор SVG
Перетворюйте растрові зображення PNG/JPG на масштабовану векторну графіку SVG. Безпечний, швидкий і повністю обробляється у вашому браузері.
Перетягніть PNG/JPG сюди
Підтримує до 50 Мб
Або
Перетворюйте растрові зображення PNG/JPG на масштабовану векторну графіку SVG. Безпечний, швидкий і повністю обробляється у вашому браузері.
Підтримує до 50 Мб
Конвертація PNG у SVG — це, по суті, операція трасування, а не зміна формату. PNG зберігає пікселі; SVG зберігає геометричні примітиви. Перехід від піксельної сітки до масштабованих векторних шляхів вимагає інтерпретації растрового зображення та малювання наближених форм навколо областей подібного кольору. Результат справді масштабований — ви можете вільно змінювати розмір без пікселізації — але це не ідеальне відтворення джерела. Фотографічний вміст погано простежується, оскільки кожна зміна кольору на рівні пікселя стає формою, утворюючи величезні SVG, які перешкоджають меті. Логотипи, піктограми, штрихове зображення та висококонтрастна графіка чітко простежуються, оскільки мають невелику кількість кольорових областей із чітко визначеними межами.
Цей конвертер використовує бібліотеку imagetracerjs, порт JavaScript для алгоритмів векторної трасування, подібних до potrace. PNG декодується в растрове зображення RGBA, растрове зображення сегментується на кольорові області за допомогою настроюваної палітри, межа кожної області простежується в контур, шляхи спрощуються за допомогою наближення Безьє, а отримані шляхи випромінюються як елементи шляху SVG. Весь конвеєр працює у вашому браузері без завантаження на сервер.
Параметри трасування контролюють компроміс між точністю та розміром файлу. Більше кольорів і дрібніших деталей створюють більший SVG, який більше відповідає джерелу; Менша кількість кольорів і більш грубе трасування створюють менший SVG із більш стилізованим відчуттям. За замовчуванням налаштовано логотипи та значки; складні зображення можуть виграти від проходу трасування з налаштованими налаштуваннями або можуть просто не бути хорошими кандидатами для векторизації.
Векторизація PNG є найбільш корисною, коли вам потрібно масштабувати зображення за межі його початкової роздільної здатності. Зокрема, логотипи часто надходять у форматі PNG у скромних розмірах і повинні виглядати чітко на рекламних щитах, дисплеях Retina та широкоформатних відбитках. Векторне трасування створює SVG, який масштабується без втрати якості; компромісом є вірність оригінальним пікселям.
SVG також значно компактніший за PNG для графіки з невеликою кількістю кольорів і великими плоскими областями. Піктограма PNG розміром 256×256 може мати розмір 8 КБ; еквівалент SVG з двома або трьома кольорами часто менше 1 КБ. Для бібліотек іконок інтерфейсу користувача, які доставляються до веб-інтерфейсу, векторні версії зменшують розмір пакета та покращують різкість на всіх щільностях відображення.
Перетягніть PNG, виберіть налаштування трасування, згенеруйте SVG.
imagetracerjs реалізує багатоетапний конвеєр: квантування кольорів зменшує растрове зображення до фіксованої кількості кольорів за допомогою кластеризації k-середніх або середнього вирізання; виявлення країв визначає межі пікселів між областями; трасування контурів слідує за межами для створення замкнутих багатокутників; підгонка ліній і кривих наближає багатокутники кривими Безьє, щоб зменшити дані про шляхи.
Найважливішими параметрами алгоритму є кількість кольорів (типово: 4–32), pathomit (шляхи, коротші за цю кількість пікселів, відкидаються як шум), ltres (допуск лінії — як далеко може відхилятися край, перш ніж його буде розділено на новий сегмент), і qtres (допуск квадратичної кривої — наскільки агресивно згладжуються криві). Значення за замовчуванням добре працюють для логотипів; складні зображення виграють від налаштування окремого зображення.
Вихід — стандартний SVG 1.1 з елементами шляху. Кожна кольорова область стає одним шляхом із атрибутом заливки. Отриманий файл відкривається в будь-якому браузері, векторному редакторі або інструменті дизайну, що підтримує SVG. File size depends primarily on path count and node density; типовий прокреслений логотип становить 1–10 КБ.