PNG · JPG → SVG

Векторизація PNG/JPG у SVG

Перетворіть PNG або JPG на редаговані фігури SVG. Переглядайте й завантажуйте результат у браузері.

01

Додати зображення

Вибрати файлиабо перетягніть їх сюди

PNG · JPG · JPEG

Кольори8

Менше кольорів — простіший SVG.

Деталізація

02

Ваш SVG

Додайте зображення та векторизуйте його для перегляду.

Найкраще підходить для логотипів та ілюстрацій. Фотографії передаються приблизно й можуть створювати великі SVG. Прозорі ділянки PNG залишаються прозорими.

Виберіть зображення й параметри трасування SVG

Трасування перетворює кольорові ділянки PNG або JPG на контури SVG. Плоска графіка й чіткі краї зазвичай кращі за фотографії. Результат наближає оригінал і не відновлює відсутні деталі.

Покрокова інструкція

Відкрийте PNG або JPG із чітким об'єктом. Заздалегідь обріжте зайве оточення, якщо воно додасть небажані контури.
Почніть із малої палітри та збалансованої деталізації. Виконайте трасування, порівняйте перегляди й змінюйте один параметр за раз.
Завантажте SVG і перевірте його в запланованому розмірі показу. Зберігайте растровий оригінал, якщо потрібні точні деталі фотографії.

Налаштування й обмеження

Колірна палітра: Менша кількість кольорів спрощує ділянки й зменшує кількість контурів, але може об'єднати важливі відтінки. Більше кольорів не повертає деталі.
Деталізація трасування: Простий, збалансований і детальний режими обмежують найдовший робочий бік відповідно до 240, 400 і 600 пікселів.
Прозорість і текст: Прозорі ділянки пропускаються. Часткова прозорість спрощується; текст стає фігурами, а не редагованими чи доступними для пошуку символами.

Розбір прикладу

Завантажте color-blocks.png, виберіть 3 кольори та збалансовану деталізацію. Джерело 600 × 400 трасується при 400 × 267 пікселях.

Завантажити файли прикладу

Приклад вхідних даних

600 × 400 px · 3

Очікуваний результат

<svg width="600" height="400" viewBox="0 0 400 267">
  <path/> <path/> <path/>
</svg>

Приклад SVG містить 3 заповнені контури й зберігає розмір показу 600 × 400. У ньому немає вбудованого вихідного растра.

Запитання й усунення несправностей

Чому зникли малі літери або тонкі лінії?

Масштабування вниз і спрощення можуть їх прибрати. Спробуйте детальний режим і чистіше джерело; відтворіть важливий текст у векторному редакторі.

Чи завжди SVG менший за PNG?

Ні. Складні фото можуть створювати багато контурів і більші файли. Порівнюйте реальні завантаження, а не припускайте менший розмір вектора.

Чому повністю прозоре зображення відхиляється?

Немає видимих пікселів для трасування. Виберіть графіку з видимими фігурами замість порожнього прозорого полотна.