Конвертер векторных изображений SVG в PNG
Конвертация векторных файлов SVG в растровые изображения PNG преобразует масштабируемую графику на основе кода в сетку с фиксированными пикселями для универсальной совместимости с приложениями.
Сравнение форматов и технические характеристики
| Характеристика | SVG | PNG |
|---|---|---|
| MIME-тип | image/svg+xml | image/png |
| Тип | vector | raster |
| Сжатие | lossless XML text (GZIP compressible via .svgz) | lossless (DEFLATE / LZ77 + Huffman) |
| Стандартная спецификация | W3C SVG 2 Specification | W3C PNG 3rd Edition |
| Сигнатура файла (Magic Bytes) | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) | 89 50 4E 47 0D 0A 1A 0A |
Обзор формата и применение
Масштабируемая векторная графика (SVG) использует текстовый код XML для отрисовки геометрических путей, линий и фигур прямо на экранах. Этот формат идеально подходит для веб-логотипов и значков, так как графика остается четкой при любом размере экрана. Тем не менее, некоторое старое программное обеспечение, почтовые клиенты со строгими требованиями и специфические инструменты печати не могут прочитать векторный код. Преобразование файла в формат переносимой сетевой графики (PNG) решает эту проблему путем отрисовки векторных фигур в фиксированную сетку цветных пикселей. Веб-разработчики и графические дизайнеры часто прибегают к этой конвертации при подготовке значков для магазинов мобильных приложений или устаревших платформ. Магазинам приложений требуются определенные растровые размеры для значков. Преобразуя векторный исходный файл в фиксированную сетку изображений, создатели гарантируют правильное отображение графики на каждом устройстве без необходимости для целевого приложения анализировать код XML.
Технические спецификации и разбор кодеков
Файлы SVG используют MIME-тип image/svg+xml и состоят из простых текстовых тегов XML, заключенных в скобки разметки. Они не используют сигнатуры (magic bytes), так как являются удобочитаемыми текстовыми документами. Файлы PNG используют MIME-тип image/png и начинаются с точной восьмибайтовой сигнатуры 89 50 4E 47 0D 0A 1A 0A. Структурно SVG опирается на математические инструкции путей и координаты. PNG опирается на растровую сетку пикселей, сжатую с помощью алгоритма DEFLATE, который объединяет сопоставление со скользящим словарем LZ77 и кодирование Хаффмана для сжатия без потерь.
Совместимость с ОС и браузерами
Файлы SVG открываются нативно во всех современных веб-браузерах, включая Chrome, Safari, Firefox и Edge, но не поддерживаются в старых настольных программах, таких как устаревшие версии Microsoft Office. Изображения PNG обладают универсальной совместимостью во всех основных операционных системах, включая Windows, macOS, Linux, iOS и Android. Любой современный веб-браузер, программа просмотра изображений и офисный пакет открывают файлы PNG без установки дополнительных плагинов.
💡 Полезная информация
При конвертации векторов в растр выберите разрешение, соответствующее вашему конечному целевому дисплею. Экспорт с удвоенными размерами создает четкое изображение для экранов Retina высокой плотности.
Сравнение форматов и технические характеристики
Типичный векторный файл логотипа весит около 15 КБ. Преобразование его в PNG высокого разрешения создает файл размером около 250 КБ. При быстром оптоволоконном подключении этот файл передается менее чем за одну миллисекунду. По мобильному соединению 5G это занимает около двух миллисекунд, а в стандартной сети 4G передача завершается примерно за десять миллисекунд.
Часто задаваемые вопросы
Как конвертировать вектор SVG в изображение PNG без потери качества?
Чтобы сохранить четкость вывода, отрендерите векторную математику в высоком разрешении пикселей перед применением сжатия DEFLATE без потерь, используемого в файлах PNG. Поскольку оба формата не содержат потерь, конвертация сохраняет каждый четкий край и цвет точно, если вы не масштабируете конечную пиксельную сетку выше ее сгенерированного размера.
В чем разница между вектором SVG и изображением PNG?
SVG - это векторный формат, созданный на основе текстовых инструкций XML, которые масштабируются бесконечно без пикселизации. PNG - это растровый формат, состоящий из фиксированной сетки отдельных цветных пикселей. Векторы лучше всего подходят для изменения размера и адаптивного веб-дизайна, в то время как растр лучше всего справляется со сложными фотографическими текстурами и универсальной совместимостью программного обеспечения.