Конвертация форматов

PNG ⇄ SVG

Простое преобразование PNG ⇆ SVG (встроить / растеризовать).

Перетащите PNG или SVG

Поддержка JPG, PNG, WebP, HEIC, TIFF и др. · Макс. 40 MB МБ

Что такое PNG ⇄ SVG?

Simple PNG ⇄ SVG conversion (embed / rasterize). Трассировка PNG-растра в масштабируемый вектор SVG. Перекрашивание и масштабирование логотипов, иконок, линий. SVG-файл (векторная трассировка) или готовый data URI.

Вся обработка выполняется локально в вашем браузере. Ваши изображения никогда не загружаются на сервер.

Ключевые возможности

  • Цветовая квантизация для плоских логотипов
  • Вывод data URI для HTML
  • Обратная растеризация SVG → PNG

Популярные сценарии

  • Преобразование простых логотипов PNG в масштабируемый SVG
  • Создание SVG-версий рисунков и подписей из PNG
  • Трассировка простой растровой графики в вектор для печати
Руководство

Как использовать этот инструмент

Утилита PNG ⇄ SVG соединяет растровый и векторный миры. Из PNG вы можете обернуть пиксельные данные в SVG-контейнер для единообразного встраивания в дизайнерские инструменты; из SVG вы можете растрировать в высококачественный PNG любого размера. Оба направления работают в вашем браузере, поэтому ничего не покидает вашу машину.

Как использовать

Загрузите .png или .svg-файл в область загрузки. Инструмент автоматически определяет формат и выбирает правильный режим конвертации. В режиме PNG→SVG растровое изображение встраивается через base64 внутрь SVG-обёртки тех же пиксельных размеров. В режиме SVG→PNG инструмент загружает вектор в закадровый холст в масштабе 1:1 и растрирует его в lossless PNG.

Оба результата отображаются рядом. Для PNG→SVG вы также получаете сырой SVG-код, который можно скопировать прямо в ваш HTML или дизайнерский инструмент.

  • Автоматическое определение направления по типу файла
  • PNG→SVG использует base64-встроенный элемент image для идеальной точности
  • SVG→PNG растрирует в точных исходных размерах
  • Готовый к копированию SVG-код для разработчиков

Практические сценарии

PNG→SVG полезен, когда рабочий процесс (дизайнерский инструмент, CMS-блок, email-шаблон) принимает только SVG-ресурсы, но у вас уже есть PNG. SVG-обёртка сохраняет каждый пиксель и позволяет масштабировать контейнер в CSS, не добавляя дополнительных DOM-элементов.

SVG→PNG незаменим для платформ без нативной поддержки SVG, таких как некоторые превью соцсетей, PDF-экспорт-конвейеры или старые офисные пакеты. Обратите внимание, что этот инструмент выполняет чистую растеризацию: динамические функции SVG, такие как JavaScript, внешние ссылки или анимации, не сохраняются.

Часто задаваемые вопросы

Фото станет векторным?

Фото имеет много цветов и не трассируется хорошо; лучше для логотипов.

Можно ли масштабировать бесконечно?

Векторный контур — да, встроенные битмапы — нет.

Как работает конвертация?

Инструмент обводит края цветовых областей и преобразует их в SVG-пути.

Сложные фото конвертируются?

Нет. Фото с градиентами создадут огромные SVG. Для фото используйте PNG/WebP.

SVG можно редактировать?

Да, в Inkscape, Illustrator, Figma или прямо в HTML.

Инструмент бесплатный?

Да, полностью бесплатно, без регистрации, водяных знаков и лимитов. Вся обработка локально.

Векторизует ли PNG→SVG пиксели?

Нет. Он встраивает PNG-битмап внутрь SVG-оболочки. Настоящая векторизация (трассировка контуров) требует человеческой оценки и специализированных инструментов.

Можно ли изменить размер получившегося SVG в CSS?

Да. Поскольку у SVG есть явный viewBox, браузеры чётко масштабируют встроенный растр внутри контейнера.