Конвертер зображень у SVG

Перетворіть растрове зображення на масштабований вектор

Файли PNG і JPG складаються з пікселів, тому під час збільшення вони стають розмитими або «квадратними». SVG натомість описує те саме зображення математичними фігурами, тож воно залишається ідеально чітким за будь-якого розміру — на візитівці, білборді чи екрані смартфона з високою щільністю пікселів. Цей конвертер зображень у SVG обводить контури кожної кольорової області вашого зображення й відтворює їх як векторні контури. Він ідеально підходить, щоб відновити логотип, коли у вас є лише маленький PNG, перетворити відсканований ескіз або підпис на чисту лінійну графіку, підготувати макет для ріжучого плотера чи лазерного гравера або створити легкі іконки для вебсайту.

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

Вибір кольорів, деталізації та згладжування

Повзунок кольорів визначає, до скількох однотонних кольорів зображення буде зведено перед трасуванням. Два кольори дають чіткий чорно-білий трафарет, 8–16 кольорів підходять для більшості логотипів та ілюстрацій, а вищі значення зберігають більше відтінків ціною більшого файлу. Параметр деталізації керує тим, наскільки точно контури повторюють пікселі та якого мінімального розміру має бути фігура, щоб її не було відкинуто: «Low» дає гладкий і компактний результат, «High» зберігає дрібні деталі й найменші цятки. Попереднє розмиття пом’якшує шум і артефакти JPEG перед трасуванням, прибираючи зубчасті краї та випадкові точки на фотографіях і неякісних сканах.

Поради для найчистішого результату

Почніть із найбільшого й найчистішого вихідного зображення, яке у вас є, і обріжте все зайве. Для логотипів спершу спробуйте невелику кількість кольорів із деталізацією «Medium» і збільшуйте значення, лише якщо частини зникають. Стежте за кількістю контурів і розміром файлу, що показуються після кожного запуску: простій іконці має вистачати десятків або сотень контурів, а не десятків тисяч. Завантажений SVG містить viewBox, тож він адаптивно масштабується в HTML і CSS, а також його можна відкрити в будь-якому векторному редакторі, щоб перефарбувати фігури, видалити шар тла чи ще більше спростити контури.