PNG в SVG
Конвертируйте PNG в SVG с помощью онлайн-векторизатора
Трассируйте логотипы, значки, иллюстрации и штриховые рисунки PNG в масштабируемые пути SVG. Прозрачные области остаются четкими, и вы можете выбрать полноцветную или черно-белую трассировку перед настройкой деталей и шумоподавлением.
Редактирование значений по умолчанию для новых файлов
Предпросмотр
Нет предпросмотра. Добавьте и выберите файлы, чтобы увидеть результат.
Файлов пока нет. Перетащите файлы выше или нажмите ВЫБРАТЬ ФАЙЛЫ.
Что такое PNG?
PNG (Portable Network Graphics) - это растровый формат без потерь с полной альфа-прозрачностью. Прозрачный PNG идеально подходит для иконок, скриншотов, иллюстраций и любой графики, требующей чётких краёв или прозрачного фона.
Что такое SVG?
SVG (Scalable Vector Graphics) - это XML-формат векторных изображений. Вместо пикселей SVG математически описывает фигуры, контуры, заливки и обводки, поэтому может отображаться в любом размере без потери качества.
SVG - стандартный векторный формат для веба. Все современные браузеры поддерживают его напрямую; оформление можно задавать через CSS, а анимацию - через JavaScript или SMIL. SVG часто компактен для логотипов, иконок и иллюстраций, однако сложные файлы могут быть большими.
SVG против растровых форматов
Векторная графика (SVG) и растровая графика (PNG, JPG) решают разные задачи. Подходящий формат зависит от того, как изображение будет использоваться.
| Характеристика | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Масштабирование | Не зависит от разрешения | Размывается при увеличении | Заранее отрисован в фиксированных размерах |
| Размер файла | Малый для фигур и иконок | Растёт с разрешением | Набор предзаготовленных растров |
| Редактирование | Можно редактировать как текст или в векторных редакторах | Только попиксельное редактирование | Редактировать каждый размер и переупаковывать |
| Анимация | CSS, SMIL, JavaScript | Ограниченно (анимированные PNG/GIF) | Не поддерживается |
| Прозрачность | Да | PNG да, JPG нет | Да (на основе PNG) |
Когда конвертировать PNG в SVG
Конвертируйте PNG в SVG, когда логотип, иконка или иллюстрация должны чисто масштабироваться до любого размера. Векторизация PNG даёт чёткий результат в типографском разрешении и на HiDPI-экранах, а также редактируемый файл, который можно перекрашивать, изменять и анимировать. Лучшие результаты получаются с PNG с плоскими цветами и чистыми краями; сложные фотографии тоже можно трассировать, но они дают более крупные SVG.
PNG в SVG: размер файла и компромиссы качества
Размер файла
Размер файла SVG зависит от количества и сложности путей, а не только от размеров PNG в пикселях. Плоский логотип или значок часто превращается в компактный SVG, в то время как фотография может создавать тысячи фигур и файл большего размера, чем исходный. Меньшее количество цветов, более сильное шумоподавление и более простые пути обычно уменьшают размер вывода.
Когда SVG лучше исходного PNG
Используйте SVG, когда ассет должен отображаться в нескольких размерах (favicon, retina-иконки, логотипы типографского качества), или когда нужно его перекрасить или анимировать. SVG редактируется как текст, поэтому векторная форма - это также то, что вы отправляете в дизайн-систему.
Когда сохранить исходный PNG
Оставайтесь на PNG для фотографий, скриншотов и UI-захватов с сглаживанием. Векторизация попиксельно-точного содержимого даёт SVG значительно крупнее исходного PNG, и трассировщик сглаживает шум, тонкие градиенты и чёткое сглаживание в более крупные цветовые области.
Компромиссы качества
PNG без потерь: каждый пиксель - это именно то, что было нарисовано. Векторизация является приблизительной: трассировщик подгоняет кривые к цветовым областям, поэтому очень тонкие штрихи, фотографические градиенты и размытые узоры можно сгладить или упростить. Логотипы, значки и штриховые рисунки обычно располагаются близко друг к другу; фотографии имеют тенденцию выглядеть более стилизованными или постеризованными.
Как конвертировать PNG в SVG онлайн
- 1
Перетащите файлы или нажмите ВЫБРАТЬ ФАЙЛЫ, чтобы добавить их в очередь. До 40 за раз.
- 2
Задайте параметры вывода (размер, DPI, фон, качество или детализацию трассировки), и предпросмотр обновится сразу.
- 3
Нажмите СОХРАНИТЬ ВСЁ, чтобы скачать результат, или один ZIP-архив, когда в очереди больше одного файла.
Приватность: ваши файлы не покидают браузер
Преобразование выполняется локально в вашем браузере с использованием JavaScript и WebAssembly. Загрузка файлов или преобразование на стороне сервера не выполняются, поэтому добавляемые вами файлы остаются на вашем устройстве.
Локальная обработка помогает защитить конфиденциальные логотипы, внутренние документы и неопубликованные изображения клиентов. Страницы и код преобразования кэшируются по мере их использования, поэтому уже открытые вами инструменты могут продолжать работать без подключения к сети.
Часто задаваемые вопросы
Сохранится ли прозрачность при векторизации PNG?
Прозрачные области могут оставаться четкими на выходе SVG, что делает PNG полезным источником логотипов и значков без сплошного фона. Трассировка по-прежнему является приближенной, поэтому при предварительном просмотре проверяйте мягкие или полупрозрачные края.
Какой PNG лучше всего векторизуется?
PNG с плоскими цветами, чистыми краями и ограниченной палитрой (логотипы, иконки, штриховые рисунки, стикеры) трассируются в маленькие чистые SVG. Детальные фото тоже работают, но дают более крупные файлы. Для них повысьте шумоподавление и снизьте точность цвета.
Режим Цвет или Чёрно-белый?
Цвет для логотипов, иллюстраций и всего с несколькими заливками. Чёрно-белый для штриховых рисунков, отсканированных рисунков, подписей или всего, что должно быть чистым монохромным силуэтом. Ползунок порога Ч/Б управляет границей между чёрным и белым.