От растровых пикселей к векторным контурам
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. Чтобы сообщить о неожиданном результате, нажмите Отправить отзыв в конвертере или откройте Контакты.