Конвертувати PNG у SVG безкоштовно
PNG — найкраща растрова основа для вектора: краї в ньому без втрат, а фон часто вже прозорий. Виберіть PNG, вкажіть, скільки кольорів залишити, і завантажте SVG, фігури якого можна масштабувати й редагувати.
Зображення в SVG
або перетягніть Файли JPG, JPEG, JFIF … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
Вище значення зберігає дрібні цяточки й тонку фактуру; нижче — відкидає форми менші за кілька пікселів і прибирає шум.
Вище значення згладжує зубчасті краї низької роздільності або JPG; нижче — зберігає гострі кути.
Плавні криві — для більшості зображень, прямі відрізки — для геометричних логотипів, піксельні краї — щоб піксель-арт залишився блоковим.
Лише для PDF: які сторінки конвертувати, наприклад 1 або 1-3, 5. Кожна сторінка стає окремим файлом.
Як користуватися цим інструментом
- 1
Виберіть PNG
Перетягніть PNG-логотип, іконку, стікер чи малюнок, або одразу до 20 файлів. Великі експорти трасуються краще: PNG шириною 1000 px дасть кращий результат, ніж фавікон 64 px.
- 2
Виберіть режим трасування
Залиште Колірний режим «Колір» із 8 кольорами для типового логотипу, перемкніть на Чорно-біле для штрихових малюнків або встановіть Кількість кольорів точно за кількістю кольорів у вашому дизайні.
- 3
Завантажте SVG
Натисніть Векторизувати у SVG →. Відкрийте файл, збільште кривий контур, і якщо краї виглядають ступінчастими, підвищте Згладжування в розділі Додаткові налаштування та запустіть ще раз.
Чому PNG — найкраще зображення для конвертації в SVG
PNG створено 1995 року як вільну від патентів заміну GIF, а в жовтні 1996 року він став рекомендацією W3C. Стиснення в нього без втрат, тому червоний край поруч із білим залишається саме таким, без хвиль і блоків. Для трасувальника це ідеальний вхід: межа між двома кольорами проходить там, де її вказують пікселі, тож крива точно повторює початковий дизайн.
PNG також може містити альфа-канал — окреме значення непрозорості для кожного пікселя. Логотипи та іконки, експортовані з Figma, Canva чи Photoshop, зазвичай його мають, і він слугує готовою маскою: усе прозоре — фон, усе непрозоре — малюнок. У JPEG того самого логотипу білий прямокутник вшитий, тому JPEG у SVG потребує сильнішого згладжування й часто Видалити фон.
Оскільки вхідний файл чистий, ця сторінка використовує Деталізація 70 і Згладжування 40, зберігаючи дрібні кути та засічки, які на сторінках JPEG згладжуються. Наш посібник PNG у SVG розбирає їх на прикладах.
Кольорове трасування, відтінки сірого або чорно-біле
Колір
Кожен кластер кольору стає окремим шаром із заповнених контурів.
- 2–64 кольори
- Зберігає фірмові кольори
- Накладені фігури, легко перефарбувати
Відтінки сірого
Як колірний режим, але кластери — сірі тони.
- 2–64 рівні сірого
- Без кольорових відтінків
- Добре для олівця й вугілля
Чорно-біле
Один поділ: кожен піксель — або чорнило, або нічого.
- Поріг 1–254
- Найменший файл
- Один набір контурів
Поріг для лінійної графіки при конвертації PNG у SVG
- 60
Зберігається лише найтемніше чорнило
- 128
Типовий поділ на середньому сірому
- 170
Зберігає слабкі або згладжені штрихи
- 220
Світло-сірий стає чорним; краї товщають
PNG
Portable Network Graphics
PNG — растровий формат без втрат, опублікований у 1996 році групою PNG Development Group і згодом стандартизований W3C та ISO. Він зберігає кожен піксель точно, підтримує повну альфа-прозорість і без артефактів передає текст, чіткі краї та суцільні кольори. Така точність робить його ідеальним для скриншотів, логотипів, іконок і графіки інтерфейсів. Недолік — розмір: фотографії у PNG часто в кілька разів більші за те саме фото у JPEG чи WebP. PNG відкривають усі браузери, операційні системи та редактори.
- Стиснення
- Без втрат
- Прозорість
- Так
- Анімація
- Ні
- Рік появи
- 1996 · PNG Development Group
SVG
Масштабована векторна графіка (SVG)
SVG — векторний формат на основі XML, стандартизований W3C у 2001 році. Замість пікселів він описує фігури, контури та текст, тож залишається чітким за будь-якого розміру, а для логотипів і значків зазвичай дуже малий. Підтримує прозорість, стилі CSS, скрипти та анімацію, а кожен браузер відображає його нативно. SVG не підходить для фотографій, а складні ілюстрації можуть повільно відображатися. Відкрити й редагувати його можна в Illustrator, Inkscape, Figma та браузерах.
- Стиснення
- –
- Прозорість
- Так
- Анімація
- Так
- Рік появи
- 2001 · W3C
PNG уже має чіткі краї та часто прозорий фон, тому його трасують у SVG, щоб отримати логотип або іконку, що масштабується для друку, ріжучих плотерів і адаптивних сайтів; SVG у PNG працює в протилежний бік: растеризує вектор у пікселі для застосунків, які не читають SVG.
Підготуйте PNG перед трасуванням
Експортуйте у великому розмірі
Збережіть PNG у два-три рази більшим за розмір відображення. Криві підганяються під краї пікселів, тож більше пікселів означає точніші криві.
Приберіть ефекти
Тіні, світіння та градієнти перетворюються на десятки тонких смуг. Сховайте їх перед експортом і за потреби додайте назад у SVG.
Порахуйте кольори
Запишіть, скільки суцільних кольорів у дизайні, і введіть це число. Для роботи на ЧПК чи лазері PNG у DXF трасує той самий файл у формат CAD.
Конвертувати PNG у SVG: поширені запитання
Чи можна конвертувати PNG у SVG безкоштовно без облікового запису?
Так. Завантажуйте, трасуйте й отримуйте результат без облікового запису, до 20 файлів за раз. Завантажені PNG і готові SVG видаляються із сервера через 30 хвилин.
Що відбувається з прозорими ділянками PNG?
Альфа-канал PNG підказує трасувальнику, які пікселі належать малюнку, тому повністю прозорі ділянки лишаються порожніми і не стають білою фігурою. Зазвичай Видалити фон не потрібен; вмикайте його лише якщо в PNG вшито суцільний білий або кольоровий фон.
Чому навколо кожної фігури у векторизованій PNG-іконці з’являється ледь помітний контур?
Гладкі краї PNG згладжені: крайні пікселі напівпрозорі або є сумішшю двох кольорів. Трасувальник може прочитати цю суміш як додатковий тонкий колір. Зменште Кількість кольорів на один-два або підвищте Згладжування, і ореол зіллється з формою.
Чим це відрізняється від Image Trace в Illustrator або Trace Bitmap в Inkscape?
Підхід той самий: зменшити кількість кольорів, знайти краї, підігнати криві. В Illustrator є пресети, як-от Black and White Logo і 16 Colors, а Inkscape пропонує відсікання за яскравістю та багатокольорове сканування. Тут відповідні налаштування — Колірний режим, Кількість кольорів і Поріг, і нічого не потрібно встановлювати.
Чи стане текст із PNG редагованим текстом у SVG?
Ні. Літери трасуються як контурні фігури, що зберігає їхній вигляд, але не можливість редагувати текст. Для логотипу це доречно; для скриншота з великою кількістю тексту швидше набрати його заново.
У моєму PNG рівно п’ять кольорів. Чи збереже SVG їх точно?
Встановіть Кількість кольорів на 5. Трасувальник згрупує всі пікселі в п’ять кластерів, і в PNG з плоскими кольорами ці кластери збігаються з вихідними кольорами.
