Пример начинается с чистого изображения цветка, затем проверяются реальные контуры 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 для распознавания текста, а не трассированные фигуры.
Попробуйте рабочий процесс со своим собственным изображением и сохраните исходный файл для будущих правок.
Попробуйте пример или используйте свой файл, и проверьте результат перед публикацией.
