Конвертор от PNG към SVG
Капсулирайте съдържанието на растерни PNG изображения в SVG XML векторен контейнер за гъвкаво уеб мащабиране и интегриране във векторно-съвместими оформления.
Сравнение на формати и технически спецификации
| Спецификация | PNG | SVG |
|---|---|---|
| MIME тип | image/ | image/ |
| Тип | растер | вектор |
| Компресия | без загуби (DEFLATE / LZ77 + Huffman) | XML текст без загуби (компресируем с GZIP чрез .svgz) |
| Стандартна спецификация | W3C PNG, 3-то издание | Спецификация W3C SVG 2 |
| Заглавни байтове (Magic Bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Преглед на формата и приложения
Конвертирането на PNG файлове във формат SVG поставя растерния битов масив в XML векторен контейнер, което позволява на уеб разработчици и графични дизайнери да вграждат растерна графика директно в мащабируеми векторни работни потоци. Растърното PNG изображение използва фиксирана мрежа от цветни пиксели. Опаковането на тази графика в SVG файл запазва оригиналните пикселни размери и прозрачност, като същевременно прави изображението директно вградимо в SVG-базирани уеб оформления и адаптивни потребителски интерфейси (viewports). Уеб дизайнерите често извършват тази конвертация, за да интегрират растърни произведения в SVG спрайт листове, работни потоци с векторни илюстрации и адаптивни уебсайтове, без да се налага да управляват отделни външни файлове с изображения. Полученият SVG файл съдържа цялата графика в самосъдържащ се вид в рамките на стандартен XML код.
Технически спецификации и анализ на кодеците
PNG файлът е растерно изображение с MIME тип image/png. Той започва със заглавна част с магически байтове 89 50 4E 47 0D 0A 1A 0A, последвана от данни, компресирани с алгоритъма DEFLATE, който комбинира речници LZ77 и кодиране на Хафман. За разлика от него, SVG файлът използва MIME тип image/svg+xml и е структуриран като XML документ. При конвертирането двигателят растеризира изображението в паметта на клиента, сериализира растерното изображение в PNG и вгражда изображението като Base64 data URI в елемент <image> на SVG контейнера. Така графиката се пакетира във валиден самостоятелен SVG файл с дефинирани размери на viewBox.
Съвместимост с операционни системи и браузъри
SVG файловете се радват на универсална поддръжка в модерни уеб браузъри като Chrome, Firefox, Safari и Edge както на десктоп, така и на мобилни операционни системи като Windows, macOS, Android и iOS. Програмите за преглед на изображения и дизайнерските пакети като Adobe Illustrator, Inkscape и CorelDRAW позволяват редактиране на SVG файлове без допълнителен софтуер. PNG файловете споделят тази универсална поддръжка на браузъри и операционни системи, но прегледът на суров SVG код изисква стандартен текстов редактор. Поддръжката зависи и от приложението, устройството, операционната система и версията ѝ.
Полезна информация
Тъй като при това конвертиране растерното изображение се вгражда в XML контейнер, вместо да се проследяват векторни контури, графиката запазва точните пикселни детайли и прозрачността на алфа канала и остава съвместима с SVG визуализатори.
Често задавани въпроси
Как да конвертирате PNG изображение в SVG вектор без загуба на качество?
Конверторът вгражда растерното PNG изображение с пълна резолюция в SVG XML контейнер като вграден Base64 поток от данни. Така цветовете на пикселите и прозрачността се запазват без компресия със загуби.
Каква е разликата между PNG изображение и SVG вектор?
PNG е формат за растерни изображения, който съхранява визуални данни като фиксирана мрежа от цветни пиксели, компресирани с DEFLATE, което прави размера на файла зависим от пикселите. SVG е формат за векторни изображения, който съхранява визуални данни като мащабируеми математически инструкции, записани в XML текст, което позволява на изображението да се преоразмерява безкрайно без пикселизация.