Від растрових пікселів до векторних контурів
PNG, JPEG, JPG, WebP, AVIF і BMP зберігають сітку пікселів. SVG зберігає фігури, заливки й координати, які сумісні програми можуть перемальовувати в різних розмірах. Векторизація аналізує сусідні пікселі, групує візуальні ділянки, простежує їхні межі й апроксимує їх векторними контурами.
Зміна назви файлу або розміщення растра в SVG-оболонці не виконує цієї реконструкції. VectorizeThis створює справжню SVG-геометрію з видимого джерела.
Обробка залишається у браузері
Підтримувані зображення декодуються, трасуються, оцінюються й готуються на пристрої користувача. Звичайний процес не надсилає байти вихідних зображень на сервер перетворення. Локальна обробка також дає змогу порівнювати кілька можливих результатів без очікування звернення до сервера після кожної зміни.
Порівнюються кандидати трасування
Немає однієї конфігурації трасування, найкращої для кожного зображення. Плоска іконка й фотографія містять різну інформацію, а файл для різання має інші вимоги, ніж вебілюстрація.
Для графіки порівнюються шість монохромних методів або 10, 16, 18 чи 20 кольорових кандидатів у межах чотирьох підтримуваних профілів палітри. Якщо залишається кілька корисних результатів, виберіть палітру, потім SVG. Фото й Складна ілюстрація зберігають окремий оптимізатор. Для виготовлення зберігаються фізичні розміри й перевірки геометрії, SVGO вимкнено. Документація автоматичного вибору пояснює процес.
Отже, «найкращий результат» — кандидат із найвдалішим загальним компромісом для зображення та його призначення. Це не обов’язково кандидат із найвищою оцінкою подібності пікселів чи найменшим файлом.
Призначення змінює пріоритети
- Веб, логотипи й іконки надають перевагу охайному вигляду, редагованим кольорам і компактній розмітці.
- Фото й складні ілюстрації зберігають більше кольору й деталей, що може потребувати більше контурів.
- Cricut, вініл, лазер і ЧПК більше зважають на практичну геометрію, замкнені ділянки, осмислені фізичні розміри та попередження про фігури, які складно виготовити.
- Автоматичний режим поєднує загальну візуальну подібність і керований результат, коли місце використання ще невідоме.
Перевірки виготовлення можуть виявити можливі проблеми, але не враховують кожну машину, матеріал, лезо, ширину різу, налаштування імпорту чи правило програми.
Результат нормалізується й перевіряється
Після трасування VectorizeThis готує SVG для сумісності з браузерами й редакторами, видаляє зайву розмітку та застосовує вибрані параметри результату. Можна відкрити невелику палітру для перефарбовування, використати currentColor, видалити виявлене тло, обрізати за вмістом і за потреби відформатувати код.
Результат також може перевірятися на надмірну складність, дрібні острівці, відкриті контури та інші умови вибраного процесу. Попередження — інформація для перевірки, а не доказ непридатності файлу.
Автоматичне трасування має межі
Чітка графіка достатнього розміру з розрізнюваними краями зазвичай дає простіші й точніші контури. Шум, артефакти JPEG, розмиття, градієнти, прозорість, дрібна текстура та перекривні кольори потребують інтерпретації. Трасований SVG не відновлює відсутніх у джерелі деталей і може не повторити спосіб побудови початкового дизайну.
Перегляд поруч з оригіналом і ручні налаштування потрібні, бо візуальна оцінка користувача залишається важливою. Перед виробництвом перевірте файли в цільовій програмі й на потрібному матеріалі.
Як тестуються зміни
Зміни логіки трасування й ранжування перевіряються на показових зображеннях: іконках, логотипах, штрихових малюнках, багатоколірній графіці, джерелах низької роздільної здатності, фотографіях і прикладах для виготовлення. Автоматичні тести захищають важливу поведінку браузера й правила результату, а порівняльні вимірювання допомагають знайти погіршення якості до випуску.
Як створюються технічні матеріали
Технічні пояснення VectorizeThis ґрунтуються на фактичній поведінці конвертера, тестах на показових вихідних зображеннях і первинних специфікаціях, зокрема специфікації W3C SVG. Сторінки переглядаються за суттєвих змін поведінки конвертера.
VectorizeThis створив Maxime Desrosiers. Щоб повідомити про неочікуваний результат, натисніть Надіслати відгук у конвертері або відкрийте Контакти.