PerfectVector
Автор: Irene Kim8 мин чтения

PNG в SVG для Cricut: почему файл режется неровно и как это исправить

Преобразовали PNG в SVG для Cricut, но резка получается неправильной? Размытые края, лишняя рамка, тысячи узлов. Разбираем причины и способы исправить каждую проблему.

На этой странице

Обычно преобразовать PNG в SVG для Cricut несложно. Проблемы начинаются после: Design Space тормозит, края режутся зубцами или вокруг дизайна появляется непонятная рамка. Хорошая новость в том, что неудачная конвертация PNG в SVG почти всегда ломается по одной из пяти предсказуемых причин, и у каждой есть быстрое решение.

Это руководство для случаев, когда конвертация пошла не так. Если вам сначала нужны основы подготовки файла к резке, начните со статьи как подготовить SVG-файлы для Cricut, а затем вернитесь сюда, если что-то ведет себя странно.

Мало времени? Пять быстрых решений
  • Размытые края: исходный PNG был слишком маленьким, поэтому начните с более крупного и четкого изображения.
  • Рамка вокруг дизайна: фон был обведен как отдельная фигура, поэтому конвертируйте PNG с прозрачным фоном или удалите этот слой.
  • Зубчатые или двойные линии: трассировщик захватил шум, поэтому выполните конвертацию заново в чистые контуры с малым числом узлов.
  • Слишком много мелких деталей для вычистки: цветов слишком много, поэтому упростите и объедините их перед скачиванием.
  • "Image too large" / файл не загружается: в файле слишком много контуров, поэтому уменьшите число узлов и цветов.

Сначала диагностика за 10 секунд

Прежде чем снова что-то вырезать, проверьте четыре вещи в загруженном файле. Они объясняют почти любой плохой результат:

  1. Насколько резкий исходник? Маленький или размытый PNG не превратится в четкие края при трассировке.
  2. Есть ли у него прозрачный фон? Сплошной фон становится лишней фигурой.
  3. Сколько в нем цветов? Каждый цвет становится еще одним слоем для резки и вычистки.
  4. Сколько узлов (anchor points) в контурах? Сотни лишних точек замедляют Design Space и делают рез неровным. Подробнее об этом читайте в статье почему в вашем SVG слишком много узлов.

Вот как эти проблемы выглядят на практике:

Четыре главных подозреваемых
Схема с четырьмя распространенными проблемами конвертации PNG в SVG для Cricut: лишняя фоновая рамка, зубчатая двойная линия, контур со слишком большим числом узлов и крошечные точки, которые невозможно вычистить
Почти любая проблема из серии «режется неправильно» сводится к одному из этих четырех случаев.

Исправления по симптомам

СимптомПочему так происходитКак исправить
Размытые / мягкие краяИсходный PNG слишком низкого разрешения, или вы видите растровый предпросмотр, а не SVGНачните с самого крупного и четкого PNG, который у вас есть; выполните трассировку заново в чистые контуры
Лишняя рамка или обводкаФон был трассирован как отдельная фигураКонвертируйте PNG с прозрачным фоном или удалите фоновый слой после загрузки
Зубчатые или двойные линииТрассировщик прошел по обеим сторонам линии или захватил шум сжатияВыполните конвертацию заново в чистые контуры с малым числом узлов; утолстите слишком тонкие штрихи
Сотни мелких деталейСлишком много цветов или микродеталейУпростите и объедините цвета перед скачиванием; удалите мелкие точки
Не загружается ("too large")Слишком много контуров, а Design Space начинает с трудом справляться уже после нескольких тысячУменьшите число узлов и цветов, чтобы файл стал легче

Размытые или мягкие края

Настоящий SVG не размывается. Это математическое описание формы, поэтому оно остается резким в любом размере. Если дизайн выглядит мягким, происходит одно из двух: вы видите исходный растровый предпросмотр вместо вектора, либо исходный PNG был слишком маленьким для чистой трассировки, и конвертер превратил размытые края в такие же размытые контуры.

Исправлять нужно на входе. Начните с самого крупного и четкого PNG, который у вас есть. Четкий логотип в высоком разрешении трассируется в аккуратные края. Крошечная миниатюра с сайта никогда не даст такого результата. Если единственная копия маленькая, часто быстрее заново экспортировать или воссоздать изображение, чем бороться с трассировкой. Подробнее о сохранении краев читайте в статье как преобразовать PNG в SVG без потери качества.

Лишняя рамка или обводка вокруг дизайна

Вы загружаете SVG, а Design Space показывает прямоугольник вокруг иллюстрации, которого там быть не должно. Этот прямоугольник и есть фон. Конвертер увидел сплошной цвет за дизайном и обвел его как отдельную фигуру.

Два решения:

  • Лучшее: конвертируйте PNG, у которого уже есть прозрачный фон. Если за дизайном ничего нет, рамку нечего трассировать.
  • В Design Space: после загрузки выберите Ungroup для слоев, выделите фоновый прямоугольник и удалите его.

Зубчатые или двойные линии реза

Зубчатые края и двойные линии обычно означают, что трассировщик захватил слишком много. На рисунке от руки или изображении с низким контрастом он может пройти по обеим сторонам одного штриха, и лезвие вырежет два контура там, где нужен был один. Шум сжатия по краям вызывает такое же дерганое поведение.

Решение - более чистая трассировка с меньшим числом узлов: сглаженные контуры идут одной непрерывной линией, а не спотыкаются о лишние точки. Утолстите любые сверхтонкие штрихи, чтобы они пережили резку, и не начинайте с сильно сжатого исходника.

Сотни мелких деталей, которые невозможно вычистить

Если вычистка кажется невозможной, в файле слишком много цветов или микродеталей. Каждый отдельный цвет становится слоем, а каждая точка - отдельным резом, поэтому на коврике получается россыпь мелких кусочков.

Перед скачиванием упростите палитру: объедините почти одинаковые цвета, чтобы трассировка из двенадцати цветов превратилась в три-четыре, которые вы действительно будете резать, и удалите крошечные отдельные точки. Меньше цветов и меньше случайных деталей означает гораздо меньше вычистки.

"Image too large" или файл не загружается

Design Space начинает сильно тормозить или отказывается принимать файл, когда SVG содержит слишком много контуров, а шумная автотрассировка легко создает их тысячами. Лекарство то же, что и для вычистки, только с другой стороны: меньше узлов, меньше цветов, меньше случайных фигур. Легкий SVG быстро загружается и остается отзывчивым во время работы.

Сконвертируйте чисто с первого раза

Все решения выше сводятся к одному: нужны чистые контуры с малым числом узлов и разумным количеством цветов. Именно для этого создан PerfectVector. Он перестраивает PNG в гладкие векторные контуры с низким числом узлов, а встроенный редактор цветов позволяет объединить оттенки до тех немногих, которые вы действительно будете резать, чтобы файл сразу был готов к резке и не требовал спасения позже.

До
Шумная автотрассировка PNG с цветочным дизайном, сотнями anchor points и грубыми краями
Типичная шумная трассировка с грубыми краями и сотнями узлов.
После
Тот же цветочный дизайн, преобразованный PerfectVector в чистые векторные контуры с малым числом узлов
Чистые контуры с малым числом узлов, которые режутся плавно и легко вычищаются.

Если старая конвертация сопротивляется, часто быстрее просто снова преобразовать PNG в чистый SVG или прогнать его через конвертер SVG для Cricut, упростить цвета и скачать файл, готовый для Design Space. Вы можете бесплатно конвертировать первые изображения, кредитная карта не нужна.

Когда даже чистая конвертация не поможет

Векторизация подходит не для каждого изображения, и делать вид, что это не так, значит зря тратить винил:

  • Фотографии и фотореалистичные изображения не превращаются в чистые файлы для резки, потому что множество градиентов схлопывается в бесформенные пятна. Для таких дизайнов используйте в Cricut Print Then Cut вместо конвертации в SVG.
  • ИИ-изображения с большим количеством градиентов сталкиваются с той же проблемой: постеризованные пятна вместо четких слоев. Сначала упростите их до плоских цветов или оставьте как растровый файл для печати.
  • Исходники с очень низким разрешением не спасет ни один конвертер. Если оригинал крошечный и размытый, лучше воссоздать графику, чем трассировать ее.

Хорошее правило: векторизуйте плоскую, контрастную, иллюстративную графику. Все фотографическое - задача для Print Then Cut.

FAQ

Почему мой PNG выглядит размытым после конвертации в SVG для Cricut? Сам SVG не размывается, потому что остается резким в любом размере. Если он выглядит мягким, вы либо видите исходный растровый предпросмотр, либо ваш PNG был слишком низкого разрешения для чистой трассировки. Начните с самого крупного и четкого PNG, который у вас есть, и выполните конвертацию заново в чистые контуры.

Почему вокруг моего дизайна в Cricut Design Space есть рамка? Конвертер трассировал сплошной фон как отдельную фигуру. Вместо этого конвертируйте PNG с прозрачным фоном или разгруппируйте слои в Design Space и удалите фоновый прямоугольник.

Как бесплатно преобразовать PNG в SVG для Cricut? Загрузите PNG в конвертер, упростите цвета и скачайте SVG, а затем загрузите его в Design Space. Вы можете бесплатно конвертировать первые изображения без кредитной карты, а встроенный редактор цветов поможет объединить цвета перед резкой.

Можно ли превратить фотографию в SVG для Cricut? Обычно не стоит. В фотографиях слишком много градиентов, чтобы они стали чистыми фигурами, которые удобно вычищать, поэтому вы получите пятна или огромный файл. Для фотографических дизайнов используйте Cricut Print Then Cut, а векторизацию оставьте для плоской иллюстративной графики.

Почему мой SVG не загружается в Cricut Design Space? Скорее всего, в файле слишком много контуров. Шумная автотрассировка может создать тысячи узлов, которые Design Space загружает с трудом. Уменьшите число узлов и объедините цвета, чтобы SVG стал легче, затем загрузите его снова.


Есть конвертация, которая никак не режется нормально? Превратите PNG в чистый SVG, готовый к резке, выполните конвертацию, упростите цвета и скачайте файл, с которым Design Space действительно справится.

Ещё из блога

Готовы создавать
идеальные векторы?