Інструменти95

КОНВЕРТАЦІЯ / ПРАКТИЧНИЙ ПОСІБНИК ІЗ ЗОБРАЖЕНЬ

Як трасувати прозорий PNG у простий SVG

Трасуйте прозорі ілюстрації у редаговані фігури.

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

Оновлено

Дотримуйтесь інструкції
РЕАЛЬНЕ ДЖЕРЕЛО ТА ЗАВАНТАЖЕНИЙ РЕЗУЛЬТАТ
До Оригінальне джерело для PNG у SVG: 640 x 640 пікселів.

sample-vector.png: 640 x 640 пкс, 23,812 байтів.

Після Фактичний завантажений результат від PNG до SVG: 640 x 640 пікселів.

sample-vector.svg: 640 x 640 пікселів, 8,739 байтів.

Оригінальний прозорий PNG та його реальний чотириколірний SVG. Зменшена палітра спрощує квітку до семи контурів і змінює дрібні деталі.
Реклама
ШВИДКИЙ ВІДЕОУРОК How to trace PNG to SVG with the Illustration preset Upload PNG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. Англійська озвучка Переглянути відео

How to trace PNG to SVG with the Illustration preset

Реклама

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

01

Завантажте чистий прозорий PNG

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

Оберіть «Логотип» як відправну точку. Залиште колірний режим. Щоб відтворити цей приклад, встановіть кількість кольорів на 4 та деталізацію на 4. Свідомо зменшена палітра показує, як трасування може змінити дизайн.

Чіткі, плоскі ілюстрації трасуються чистіше, ніж скріншоти з розмитими або стиснутими краями.

02

Зменште кількість кольорів та перевірте трасування

Виберіть «Оновити попередній перегляд». Перемикайтеся між «Оригіналом» та «Вектором» або переміщуйте роздільник порівняння. Кілька кольорів квітки об'єднуються у простіші ділянки, а маленька декоративна крапка зникає. Це спрощений дизайн, а не точна колірна копія.

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

Залиште фон у режимі «Зберегти прозорість». Колірне трасування зберігає існуючі прозорі ділянки, але частково прозорі пікселі спрощуються, а м'які краї можуть змінюватися. Непрозора біла ділянка залишається контентом; цей вибір не видаляє її автоматично.

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

Приклад у цьому посібнику

Пресет: Логотип, далі Кольори: 4 та Деталізація: 4; Колірний режим; Згладжування кривих: 60; Видалення дрібних плям: 4; Фон: Зберегти прозорість.

Вхідні дані
640 x 640 пкс
Вихідні дані
640 x 640 пкс
Вхідний файл
23,812 байтів
Завантажений файл
8,739 байтів
Векторні контури
7
03

Завантажте та відредагуйте SVG

Натисніть «Почати» і збережіть SVG. Цей приклад має полотно 640 x 640, сім контурів та розмір 8,739 байтів. Вихідний PNG має 23,812 байтів, але інші ілюстрації можуть створювати більший SVG.

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

Для кількох PNG застосовуються однакові налаштування, а результати формують ZIP-архів. Попередній перегляд трасування використовує до 1200 пікселів по довшій стороні; фінальне трасування використовує до 2048 пікселів і зберігає оригінальні розміри полотна.

У статті показано WebP візуалізацію реального результату. Завантажте сам SVG для отримання редагованих векторних контурів.

КОРИСНІ ДЕТАЛІ

Поширені запитання

Чи залишиться прозорий фон?

Колірне трасування зберігає прозорі області за допомогою функції «Зберегти прозорість». Напівпрозорі пікселі спрощуються, тому градієнти можуть змінитися.

Чому деякі кольори зливаються?

Обмеження кольорів обмежує палітру. Схожі або дрібні області можуть зливатися; збільште кількість кольорів і оновіть попередній перегляд для більшої деталізації.

Чи видаляє це білий фон?

Колірне трасування сприймає непрозорий білий колір як частину вмісту. «Зберегти прозорість» зберігає існуючу прозорість, а не визначає об'єкт.

Чи можу я редагувати літери як текст?

Літери перетворюються на контури. Ви можете редагувати їхні форми, але вони не розпізнаються як редагований текст зі шрифтом.

ВАША ЧЕРГА

Спробуйте робочий процес зі своїм власним зображенням і збережіть оригінальний файл для майбутніх редагувань.

Спробуйте зразок або використайте власний файл і перегляньте результат перед поширенням.

Відкрити PNG у SVG

Деталі зображення

Мова38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Виберіть мову. Відеоуроки наразі мають англійське озвучення.