Документація VectorizeThis

Налаштування векторизатора зображень

Практичний довідник усіх параметрів перетворення та умовно доступних елементів керування VectorizeThis.

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

Веб, Логотип і призначення виготовлення порівнюють перевірені методи трасування. Якщо залишається кілька відповідних палітр, виберіть палітру, потім SVG; непотрібні кроки пропускаються. Підписи рахують видимі кольори готового результату, включно з білим, але без прозорості. Змінити вибір знову відкриває порівняння. Фото й Складна ілюстрація зберігають наявний оптимізатор.

Монохромна графіка порівнює шість методів. Кольорова перевіряє до чотирьох підтримуваних профілів із 10, 8, 6 або 5 кандидатами на профіль зі збільшенням кількості профілів від одного до чотирьох. Посібник автоматичного вибору пояснює порівняння та пропуск кроків.

Типово показані налаштування

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

Спрощення

Спрощення визначає, наскільки точно контури йдуть за дрібними змінами растра. Збільште значення для плавніших фігур із меншою кількістю вузлів і часто меншим SVG. Зменште, якщо зникли кути, вузькі деталі або тонкі обриси. Дуже низьке значення може зберегти растровий шум як геометрію, а дуже високе — змінити потрібний силует.

Тло

Тло визначає обробку виявленого однотонного зовнішнього тла:

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

Параметр може бути відсутній, якщо зображення вже прозоре або зовнішнє тло неможливо надійно визначити.

Використовувати currentColor

Для придатних одноколірних результатів Веб або Логотип Використовувати currentColor замінює фіксований колір ключовим словом SVG currentColor. SVG успадковує CSS-колір тексту сторінки, де його вбудовано. Вимкніть, щоб вибрати фіксований колір зразком. Параметр не показується там, де успадкування недоречне, зокрема у виготовленні.

Обрізати SVG за вмістом

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

Довша сторона й одиниці

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

Макс. кількість кольорів

Параметр стосується лише результатів із нативними налаштуваннями VTracer; перевірені палітрові методи використовують власні параметри кандидатів.

Макс. кількість кольорів обмежує палітру колірного трасування. Введіть ціле число від 2 до 64. Менші значення можуть об’єднувати подібні відтінки й скорочувати контури; більші зберігають градієнти й тонкі деталі ціною додаткових шарів і розміру файлу. Це межа трасування, а не обіцянка появи кожного кольору. Для монохромних джерел або там, де колірне трасування не застосовується, параметр приховано. Значення поза діапазоном відхиляється до перетворення.

Точність SVG

Цей основний параметр перебуває поза Додатковими налаштуваннями й з’являється лише для результатів не для виготовлення. Значення 0–3 задають десяткову точність оптимізованих координат. Кожен підготовлений варіант починає з власної перевіреної точності; ручні зміни мають пріоритет. Вища точність може зберегти позиційні деталі, але зазвичай додає байти.

Додаткові налаштування

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

Колірний режим

Виберіть Авто, Монохромний, Кольорів: 3 або Кольорів: 4 для підтримуваної немонохромної графіки. Авто відновлює вибраний підготовлений метод. Монохромний починає з чорного; Веб і Логотип можуть запропонувати currentColor, якщо лишився один редагований колір. Колірні режими виготовлення використовують ті самі варіанти трасування без редагування палітри. Для монохромних джерел і режимів виготовлення, що потребують монохромності, Колірний режим відсутній.

Кластеризація

Параметр стосується лише результатів із нативними налаштуваннями VTracer; перевірені палітрові методи використовують власні параметри кандидатів.

Кластеризація визначає групування пікселів у ділянки перед трасуванням їхніх меж:

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

Найкращий вибір залежить від країв і розподілу кольору. Метод, що додає деталі, може також додати контури чи дрібні острівці.

Об’єднати контури

Недоступно для виготовлення, бо SVGO вимкнено.

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

Видалити ширину й висоту (використати viewBox)

Видаляє фіксовані атрибути width і height, зберігаючи viewBox. SVG адаптивно масштабується через CSS або контейнер. У виготовленні явні розміри можуть зберігатися, бо фізичний розмір важливий.

Поліпшити вхід для трасування

Умовний параметр попередньо збільшує й згладжує растр перед трасуванням. Може допомогти детальній графіці з обмеженою початковою палітрою. Під час автоматичного вибору VectorizeThis перевіряє придатне зображення з увімкненим і вимкненим параметром і зберігає кращий початковий результат. Не пропонується для дуже багатоколірного вводу й не змінює завантажений файл.

Поворот

Виберіть 0°, 90°, 180° або 270°, щоб повернути растр за годинниковою стрілкою перед трасуванням. Оскільки поворот передує векторизації, SVG містить заново трасовані координати, а не трансформацію повороту. Це зручно для виправлення орієнтації зі збереженням самостійної геометрії.

Форматувати код

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

Багатопрохідна оптимізація

Недоступно для виготовлення, бо SVGO вимкнено.

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

Поріг і автоматичний бінарний поріг

Кожен монохромний результат пропонує Автоматичний бінарний поріг і повзунок Поріг від 0 до 255 в одному додатковому блоці. Пересування повзунка вимикає Авто й використовує явний поріг яскравості; вищі значення зазвичай включають світліші пікселі. Увімкніть Авто знову, щоб повернути обробку покриття вибраного методу. Після зміни перевіряйте вузькі просвіти й отвори.

Згладжування входу, кути й напрямок кривих

Показуються лише параметри, які споживає вибраний метод. Згладжування входу (sigma) змінює згладжування покриття до виділення контурів. Нативні монохромні методи пропонують Чутливість до кутів (corner); ізолінії й підтримувані колірні методи — Радіус напрямку кривої (tangentRadius). Це змінює геометрію трасування, а не лише формат SVG. Типові значення належать вибраному кандидату; скасування повертає ручні зміни назад.

Округляти окремі крапки

Підтримувані нативні монохромні й колірні методи пропонують апроксимацію кіл Вимк., Суворо та М’яко. Суворий режим приймає точніші кругові збіги; м’який допускає більші растрові відхилення й більші підтверджені крапки. Відповідні суцільні крапки використовують SVG-елементи <circle>; спільні колірні межі зберігають сумісну геометрію. Детектор зберігає написи й отвори та може лишити сумнівні фігури без змін. Параметр і апроксимація вимкнені для Вінілового плотера, Tinkercad і ЧПК.

Правила результату для виготовлення

Лазерне різання, Tinkercad і ЧПК типово використовують монохромне трасування. Cricut, Вініловий плотер і Лазерне гравіювання приймають колірні палітри, якщо джерело їх підтримує. Усі зберігають фізичні розміри й перевірки виготовлення. SVGO вимкнено для всіх призначень виготовлення, тому точність SVG, об’єднання контурів, адаптивні розміри й багатопрохідна оптимізація там не пропонуються. Форматування коду працює без зміни геометрії.

Керування результатом і умовні інструменти

Зразки кольору

Зразки перелічують кольори готового SVG, включно з неявною чорною заливкою контуру. Клацніть зразок, щоб замінити колір у всьому результаті. Вибір кольору оновлює перегляд SVG під час пересування вказівника; Підтвердити або клацання зовні закриває вікно. У підтримуваних браузерах піпетка бере колір з екрана, не закриваючи вибір. Якщо кольорів понад вісім, спочатку розгорніть компактний стос клацанням. Власні кольори зберігаються після перерахунку налаштувань, якщо новий SVG містить стільки ж кольорів.

У розгорнутій палітрі принаймні з двома кольорами наведіть на зразок і скористайтеся ×, щоб після підтвердження видалити всі контури цього кольору. Це недоступно з увімкненим currentColor і для виготовлення. Видалені кольори не повертаються після перерахунку до Скинути налаштування. Перевірте перегляд перед завантаженням: видалення кольору видаляє його геометрію, включно з навмисними деталями.

Змінні й класи CSS

Шестірня поруч із палітрою відкриває імена експорту CSS, якщо готовий SVG містить не більше восьми кольорів і Використовувати currentColor вимкнено. Виберіть Змінні, щоб замінити заливку кольору власною властивістю CSS, або Класи, щоб позначити ці контури класом CSS. Імена з іншого кольору чи картки з’являються в підказках. Вони впливають на Копіювати код, окремі SVG та вміст ZIP Завантажити все, але не змінюють перегляд. Сторінка-одержувач має визначити змінні чи класи для відтворення належних кольорів. Очистити все запитує підтвердження й очищує лише поточну вкладку Змінні або Класи.

Скасування й повтор

Використовуйте Ctrl+Z (або Cmd+Z на Mac), щоб скасувати налаштування картки й зміни палітри. Ctrl+Shift+Z (або Cmd+Shift+Z на Mac) повторює їх. Перетягування повзунка чи вибору кольору рахується одним кроком; масова зміна кількох карток також є одним кроком. Тло перегляду й імена змінних/класів CSS не включені. Скинути налаштування повертає картку до автоматичних параметрів і відновлює контури, видалені за кольором.

Тло попереднього перегляду

Параметр Тло над переглядом перемикає прозоре, біле й чорне тло. Змінюється лише поверхня перегляду для дослідження світлих, темних і прозорих країв. Скопійована й завантажена SVG-розмітка ніколи не змінюється.

Видалити дрібні острівці

Якщо перевірка знаходить дуже дрібні ізольовані ділянки, Видалити дрібні острівці прибирає лише безпечно класифіковані випадкові цятки. Деякі острівці можуть лишитися. Поза виготовленням решту перевірки можна приховати кнопкою ×; перевірки виготовлення залишаються видимими. Перегляньте результат, бо маленькі навмисні елементи можуть нагадувати шум.

Відомості про результат і діагностика SSIM

Кожна картка показує роздільну здатність джерела поруч із розміром файлу. Звичайний підсумок результату показує кількість контурів і розмір SVG. На настільному пристрої клацання Відомості про результат відкриває роздільну здатність обробленого растра й доступну діагностику: SSIM оцінює візуальну подібність, а Різниця SSIM — виміряну різницю між збалансованим результатом і кандидатом із найвищим SSIM. Використати найкращий за SSIM застосовує найбільш подібного виміряного кандидата без переваги меншому SVG. Діагностика потрібна для дослідження; вища оцінка може супроводжуватися значно важчою геометрією.

Масове редагування

За кількох карток Масове редагування збирає унікальні параметри, доступні в групі. Підготуйте зміни, потім застосуйте разом. Картки з уже потрібним значенням не перераховуються. Див. як працює автоматичний вибір, щоб зрозуміти різні початкові налаштування зображень однієї групи, або перегляньте всі призначення для вибору пріоритету.

Монохромна й плоска графіка трасується в повній допустимій роздільній здатності, зі збільшенням малих джерел. Лише виявлені складні зображення чи фото обмежені 2000 px за довшою стороною. Збільшення при наведенні й колесом миші синхронізує перегляди в координатах джерела, зокрема після обрізання чи видалення тла. Відомості про результат на настільному пристрої показують розміри обробленого растра; діагностика SSIM з’являється лише за дійсних вимірювань. Копіювання коду й завантаження чекають під час Оновлення.

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

Непрозорість, готовність групи й попередження виготовлення

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

Використати найменші SVG з’являється лише після обробки всіх зображень або готовності їхніх варіантів і за принаймні одного очікуваного вибору. Попередження низької роздільної здатності з’являються для всіх призначень, коли обидві сторони джерела менші за 256 px.

Попередження виготовлення лишаються видимими. Усе одно завантажити потребує підтвердження поточного результату; прийняття не видаляє зауважень і не сертифікує файл. Зміна налаштувань скасовує дозвіл, тому решта попереджень знову потребує підтвердження. Пакетне завантаження також підтверджує всі ще не схвалені попередження виготовлення.

Оновлено: