Конвертер PNG в SVG — бесплатная векторная трассировка

Трассировка, а не перекодирование

Большинство конвертаций на этом сайте переносят изображение между контейнерами: те же пиксели, другая обёртка. PNG в SVG — операция другого вида: перерисовка. SVG вообще не хранит пиксели; он хранит формы: контуры, кривые и заливки, которые рендерер может нарисовать в любом размере. Между растром и вектором не существует попиксельного перевода, поэтому эта конвертация делает кое-что поинтереснее: она изучает ваш PNG, находит в нём цветовые области и края и заново собирает их как векторные формы. Результат — настоящий SVG: независимый от разрешения, одинаково острый и на 16 пикселях, и на 16 метрах, редактируемый в любом векторном редакторе. Увеличить SVG — это увеличить рецепт, а не фотографию блюда: линии остаются линиями.

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

Что получается отлично, а что нет

Когда источник — иконка, логотип или любая простая графика из нескольких плоских цветов и чётких краёв, результат при обычных размерах почти неотличим от оригинала — и отныне масштабируется без предела. Края, зазубренные при сильном увеличении, становятся гладкими кривыми; формы, построенные ступенями, остаются чистыми ступенями. Оттрассированный логотип может лежать на визитке и висеть на билборде — одинаково острый в обоих местах. Ради этого вектор и существует.

Фотографии — честный предел этого инструмента, и эта страница помечает предел прямо: трассировка упрощает сложные градиенты и мелкие детали. Небо на фото полосатится на слоистые формы, тона кожи приближаются пятнами, шум превращается в мелкие кляксы; верно воспроизвести непрерывный тон потребовало бы астрономического числа форм, отчего файл SVG может распухнуть до размера в много раз больше исходного PNG, а выглядеть — стилизованно, а не правдиво. Та же честность касается градиентов: двухступенчатый градиент трассируется чисто, фотографический переход — нет. Этот конвертер не обещает фотографического уровня векторизации — ни один трассировщик не может честно этого обещать, — и если ваш PNG — фотография, верный шаг обычно в том, чтобы оставить её растром (JPG, PNG или WebP), а не трассировать.

Как получить лучший результат

Начинайте с самого чистого источника из доступных: максимальное разрешение, плоские цветовые области, прозрачный или ровный фон. Фавикон в 32 пикселя оттрассируется в кашу — информации не хватит, чтобы заново построить чистые кривые; логотип в 512 пикселей трассируется в аккуратные, редактируемые формы. Если у вас только маленькая копия — перерисуйте или увеличьте графику до большего размера перед трассировкой: трассировка не может выдумать деталь, которую не видит. Текст внутри изображения должен быть достаточно крупным, и знайте: редактируемым текстом он не станет. Трассировщик воспроизводит начертания букв контурами, а не шрифтом — SVG выглядит верно, но его «текст» — чистая форма.

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

Приватность и удаление

Загрузки идут по HTTPS, трассировка происходит в памяти, и PNG, и SVG автоматически удаляются в течение 24 часов. Без регистрации, без водяных знаков на результате, без сторонних рекламных сетей — сайт позже заработает на платном тарифе, а не на вашей графике. Входит один файл, выходит один файл, и обоих забывают.