Приклад починається з чистої ілюстрації квітки та перевіряє справжні контури SVG, створені за допомогою пресета «Логотип». Відкрити Зображення у SVG.
Виберіть ілюстрацію та пресет
Відкрийте «Зображення у SVG» і завантажте ілюстрацію PNG, JPG або JPEG. Логотипи, іконки та пласкі ілюстрації з чіткими краями — гарні варіанти для початку. Фотографії можна трасувати, але результат буде спрощеною колекцією фігур, а не точною фотографічною копією.
Виберіть «Логотип», «Ілюстрація» або «Лінійна графіка». «Логотип» починається з компактної палітри; «Ілюстрація» — з більшою кількістю кольорів і деталей; «Лінійна графіка» — з чорно-білого трасування. Пресети встановлюють кілька параметрів одночасно, і ви можете уточнити їх пізніше.
Чисте растрове джерело зазвичай трасується краще, ніж зображення з артефактами стиснення, тінями або текстурованим фоном.
Порівняйте та вдоскональте вектор
У кольоровому режимі параметр «Кольори» запитує від 2 до 32 кольорів. Деталізація варіюється від 1 до 5. Відкрийте «Уточнити краї та фон» для налаштування «Згладжування кривих», «Видалити дрібні цятки» та «Фон». Додаткова деталізація може збільшити кількість контурів; очищення може видалити крапки, які є частиною дизайну.
Виберіть «Оновити попередній перегляд» після зміни налаштувань. Використовуйте «Оригінал», «Вектор» та «Порівняти»; «Порівняти» має рухомий роздільник. У прикладі використовується «Логотип» із 8 кольорами та іншими стандартними налаштуваннями пресету. Завантажений SVG має 14 контурів. Зменшення палітри змінює деякі кольори квітки, як показує порівняння.
Кольорове трасування з «Зберегти прозорість» зберігає існуючі прозорі області, але не видаляє непрозорий фон. Чорно-біле трасування зберігає темні фігури та робить світлі ділянки прозорими. Виберіть «Білий» для непрозорого білого полотна.
SVG може бути більшим за вихідний файл. Оцінюйте контури та зовнішній вигляд, а не лише розмір файлу.
Приклад у цьому посібнику
Пресет: Логотип; Колірний режим; Кольори: 8; Деталізація: 3; Згладжування кривих: 60; Видалення дрібних плям: 4; Фон: Зберегти прозорість.
- Вхідні дані
- 640 x 640 пкс
- Вихідні дані
- 640 x 640 пкс
- Вхідний файл
- 23,812 байтів
- Завантажений файл
- 12,938 байтів
- Векторні контури
- 14
Експортуйте контури SVG
Натисніть «Почати». Один вхідний файл створює SVG; пакетна обробка створює ZIP-архів. Налаштування застосовуються до кожного файлу, тому перевіряйте кожен ескіз, якщо ваші вихідні файли потребують різної обробки.
Приклад зберігає полотно 640 x 640 і має розмір 12,938 байтів. Відкрийте отриманий SVG у векторному редакторі, щоб перевірити контури та заливки. Написи перетворюються на криві, а не на редагований текст. Трасування не може відновити оригінальні шрифти, шари чи файли дизайну.
Попередній перегляд трасування використовує до 1200 пікселів по довшій стороні. Остаточне перетворення трасує до 2048 пікселів, зберігаючи оригінальні розміри SVG та viewBox. Тому великі вихідні файли можуть демонструвати інші дрібні деталі у фінальному файлі.
Ці зображення в статті є WebP рендерами вихідного файлу та справжнім SVG. Фактичне завантаження містить контури, а не растрову обгортку.
Поширені запитання
Чи це справжнє векторне перетворення?
Так. Результат містить SVG контурів та заливок без вбудовування вихідного PNG або JPG як растрового зображення.
Чи збережеться кожен оригінальний колір?
Не обов'язково. Обмеження кольорів впливає на палітру. Трасування може об'єднувати схожі кольори або спрощувати невеликі ділянки, тому перевіряйте попередній перегляд.
Чи можна обробляти PNG та JPG разом?
Так. До 10 файлів розміром до 25 МБ кожен. Також діють обмеження на ресурси, 60-мегапіксельні джерела та складність виводу.
Чи стають написи редагованим текстом?
Ні. Видимі літери стають векторними контурами. Використовуйте OCR для розпізнавання тексту, а не трасовані фігури.
Спробуйте робочий процес зі своїм власним зображенням і збережіть оригінальний файл для майбутніх редагувань.
Спробуйте зразок або використайте власний файл і перегляньте результат перед поширенням.
