Конвертер векторних зображень 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 |
Огляд формату та застосування
Масштабована векторна графіка спирається на XML-текстовий код для побудови геометричних контурів, ліній та фігур безпосередньо на екранах. Цей формат чудово підходить для веб-логотипів та іконок, оскільки зображення залишається чітким за будь-якого розміру екрана. Проте деяке застаріле програмне забезпечення, суворі поштові клієнти та специфічні інструменти друку не можуть читати векторний код. Перетворення файлу на формат Portable Network Graphics розв'язує цю проблему шляхом переведення векторних фігур у фіксовану сітку кольорових пікселів. Веброзробники та графічні дизайнери часто потребують такого перетворення під час підготовки іконок для магазинів мобільних додатків або застарілих платформ. Магазини додатків вимагають певних розмірів растру для іконок програм. Змінюючи векторне джерело на фіксовану сітку зображення, творці гарантують правильне відображення графіки на кожному пристрої без залежності від здатності цільового додатку обробляти XML-код.
Технічні специфікації та розбір кодеків
Файли SVG використовують MIME-тип image/svg+xml та складаються зі звичайних текстових тегів XML, укладених у дужки розмітки. Вони не використовують магічні байти, оскільки є текстовими документами, придатними для читання людиною. Файли 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 - це растровий формат, побудований із фіксованої сітки окремих кольорових пікселів. Вектори найкраще підходять для зміни розмірів та адаптивного вебдизайну, тоді як растри найкраще справляються зі складними фотографічними текстурами та універсальною сумісністю програмного забезпечення.