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) и растровая графика (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: размер файла и компромиссы качества
Размер файла
Простой PNG-логотип (32×32 до 512×512) обычно весит 5–30 КБ; его векторизация обычно даёт SVG на 2–15 КБ, который масштабируется до любого размера. Фотографический PNG (4000×3000 на 4–8 МБ) трассируется в SVG примерно 50–300 КБ, что меньше источника, но с сглаженным детализированием. Чем больше плоского цвета в PNG, тем больше выигрыш.
Когда SVG — правильный выбор
Используйте SVG, когда ассет должен отображаться в нескольких размерах (favicon, retina-иконки, логотипы типографского качества), или когда нужно его перекрасить или анимировать. SVG редактируется как текст, поэтому векторная форма — это также то, что вы отправляете в дизайн-систему.
Когда сохранить исходный PNG
Оставайтесь на PNG для фотографий, скриншотов и UI-захватов с сглаживанием. Векторизация попиксельно-точного содержимого даёт SVG значительно крупнее исходного PNG, и трассировщик сглаживает шум, тонкие градиенты и чёткое сглаживание в более крупные цветовые области.
Компромиссы качества
PNG без потерь: каждый пиксель соответствует тому, что было нарисовано. Векторизация приблизительна: трассировщик подгоняет кривые под цветовые области, поэтому очень тонкие линии, фотографические градиенты и дизеринг сглаживаются или идут ступеньками. Для логотипов, иконок и штриховой графики результат обычно визуально идентичен; для фотографий ожидайте стилизованный, постерный вид.
Как конвертировать PNG в SVG онлайн
- Перетащите файл (или нажмите ВЫБРАТЬ ФАЙЛЫ), чтобы добавить его в очередь.
- Настройте параметры слева (формат, размер, фон, качество) и наблюдайте, как обновляется предпросмотр.
- Нажмите СОХРАНИТЬ ВСЁ, чтобы скачать конвертированный файл (или ZIP, если загрузили несколько файлов).
Конфиденциальность и безопасность
Ваши файлы никогда не покидают ваш компьютер. Конвертация полностью выполняется в вашем браузере с использованием JavaScript и WebAssembly. Ни загрузки, ни сервера, ни отслеживания содержимого ваших файлов.
Поскольку ничего не загружается, инструмент безопасно использовать с конфиденциальными логотипами, внутренними документами и собственной графикой.
Часто задаваемые вопросы
Сохранится ли прозрачность при векторизации PNG?
Да. Прозрачность PNG сохраняется при трассировке: прозрачные области в источнике остаются прозрачными в SVG, поэтому векторный логотип или иконка чисто накладывается на любой фон.
Какой PNG лучше всего векторизуется?
PNG с плоскими цветами, чистыми краями и ограниченной палитрой (логотипы, иконки, штриховые рисунки, стикеры) трассируются в маленькие чистые SVG. Детальные фото тоже работают, но дают более крупные файлы; для них повысьте шумоподавление и снизьте точность цвета.
Режим Цвет или Чёрно-белый?
Цвет для логотипов, иллюстраций и всего с несколькими заливками. Чёрно-белый для штриховых рисунков, отсканированных рисунков, подписей или всего, что должно быть чистым монохромным силуэтом. Ползунок порога Ч/Б управляет границей между чёрным и белым.