Як користуватися: PNG у SVG
- 1
Додайте одне зображення
Додайте PNG, JPG, WebP або інше зображення розміром до 25 MB. Найкраще векторизуються логотипи, іконки, підписи та пласкі ілюстрації.
- 2
Оберіть стиль
Чорно-біле створює одноколірні форми за порогом яскравості; Колір використовує до 32 кольорів; Детальне — до 64.
- 3
Доведіть контури до ладу
Збільште Згладжування, щоб криві були округліші, увімкніть Фільтр шуму, щоб прибрати цятки, і ввімкніть або вимкніть Видалити тло.
- 4
Збережіть SVG
Порівняйте результат з оригіналом, а потім завантажте name.svg або скопіюйте Код SVG у свій проєкт.
Ліміти та Pro
Одне зображення до 25 MB за раз, векторизація до 2 000 px по довшій стороні та до 64 кольорів.
У тарифі Pro можна використовувати вихідні зображення до 4 GB. Дивитися Pro
Про інструмент: PNG у SVG
Конвертер PNG у SVG знаходить контури на растровому зображенні та відтворює їх як векторні контури, тож результат можна збільшити до розмірів рекламного щита або зменшити до фавікона, і піксели не проступатимуть. Спершу зображення зводиться до палітри за допомогою квантизатора медіанного розтину або, у режимі чорно-білого, до одного кольору форм, а потім кожну кольорову область обводить рушій imagetracerjs. SVG містить один елемент path на кожен кольоровий шар, зберігає ширину й висоту початкового зображення і може прибрати шар тла, щоб логотип став прозорим.
Три рівні роздільності векторизації дають змогу обирати між швидкістю та деталізацією: Швидко працює з 800 пікселями по довшій стороні, Збалансовано — з 1 200, Високе — з 2 000. Згладжування змінюється від Точно, яке відтворює кожен піксельний щабель, до Максимальне, яке сильно округлює кути; Фільтр шуму прибирає острівці розміром до 40 пікселів. Статистика під попереднім переглядом показує кількість контурів і кольорів у файлі — це добрий орієнтир того, наскільки важким він буде.
Добре підходять логотип компанії, який є лише у PNG, відсканований підпис чи печатка, файл для різання на вінілловому плотері або лазерному гравері та прості іконки. Фотографії підходять погано: вони виходять постеризованими, а детальне фото може дати SVG на кілька мегабайтів, більший і повільніший за JPG. Градієнти перетворюються на помітні смуги, текст стає формами, а не редагованими літерами, а дуже тонкі лінії за низької роздільності можуть розірватися.
Приватність
Векторизація виконується в окремому Web Worker у цій вкладці: зображення декодується на вашому пристрої, квантизується та обводиться за допомогою imagetracerjs, а SVG збирається локально. Код векторизатора завантажується з цього сайту лише після того, як ви оберете зображення. Ні зображення, ні SVG нікуди не надсилаються і ніде не зберігаються після закриття сторінки.
Можливості
Чисті векторні контури
Один компактний контур на кожен кольоровий шар, масштабується до будь-якого розміру без пікселів.
Три стилі
Чорно-біле для логотипів і підписів, Колір для пласкої графіки, Детальне для багатших ілюстрацій.
Згладжування та фільтр шуму
Згладьте зубчасті щаблі й приберіть крихітні цятки перед завантаженням.
Копіювання коду
Вставте розмітку SVG прямо в HTML, CSS або дизайнерський інструмент.