Безкоштовний конвертер
SVG в PNG конвертер
Перетворюйте векторні файли SVG у високоякісні растрові PNG-зображення. Легко налаштуйте масштаб виведення та колір фону у своєму браузері.
Перетягніть SVG сюди
Підтримує до 50 Мб
Або
Перетворюйте векторні файли SVG у високоякісні растрові PNG-зображення. Легко налаштуйте масштаб виведення та колір фону у своєму браузері.
Підтримує до 50 Мб
SVG (Scalable Vector Graphics) описує зображення як набір геометричних примітивів — шляхів, форм, тексту, градієнтів — які масштабуються до будь-якого розміру без втрати якості. PNG зберігає одну прямокутну піксельну сітку з фіксованою роздільною здатністю. Перетворення SVG у PNG є етапом растеризації: інструкції малювання SVG оцінюються за вибраним розміром пікселів, а отримане растрове зображення кодується як PNG. Результат виглядає чітким у вказаному вами розмірі, але пікселізується у разі збільшення.
Цей конвертер відтворює SVG за допомогою вбудованого механізму SVG у браузері. SVG завантажується в елемент Image, малюється на полотні HTML5 із вибраними вихідними розмірами та експортується як PNG за допомогою canvas.toBlob. Оскільки браузер виконує растеризацію, складні функції SVG — градієнти, фільтри, маски, анімація у вигляді статичного кадру — відображаються так само, як і на реальній веб-сторінці.
Найважливішим рішенням у перетворенні SVG у PNG є цільовий розмір. SVG не залежить від роздільної здатності, тому вибір розміру PNG, який відповідає фактичному використанню, дозволяє уникнути надмірної підготовки (великі файли для піктограм розміром з ескізи) і недостатньої підготовки (розмитого виведення під час масштабування пізніше). Загальні цілі: 32 × 32 або 64 × 64 для значків, 256 × 256 або 512 × 512 для логотипів, 1024 × 1024 для героїв графіки, 2048 × 2048 для ресурсів якості retina.
SVG чудовий для Інтернету та сучасних інструментів дизайну, але жахливий для багатьох інших контекстів. Поштові клієнти відтворюють SVG непослідовно; деякі блокують це як загрозу безпеці. Старіші офісні програми, певні CMS, сторонні служби та майже всі конвеєри друку фотографій взагалі не підтримують SVG. Перетворення на PNG створює загальновизнаний растр, який виглядає ідентичним у вибраному розмірі.
PNG також надійно вбудовується в офісні документи, слайд-деки та PDF-файли, незалежно від засобу візуалізації SVG одержувача. Для логотипів і графіки, які повинні постійно відображатися на багатьох платформах, PNG є безпечнішим вибором, навіть якщо він втрачає незалежність від роздільної здатності, що робить SVG привабливим у першу чергу.
Виберіть цільовий розмір, візуалізуйте. Браузер виконує растеризацію.
SVG (рекомендація W3C) — це векторний формат на основі XML з елементами для контурів, базових форм (прямокутник, коло, еліпс, лінія, багатокутник, полілінія), тексту, градієнтів (linearGradient, radialGradient), фільтрів, масок і контурів вирізання. Браузер аналізує XML, створює DOM, застосовує CSS і растеризує результат під час візуалізації сторінки.
Цей конвертер завантажує SVG в HTMLImageElement (який запускає звичайний шлях візуалізації SVG як зображення у браузері), а потім малює його на полотні за допомогою drawImage. Полотно експортується як PNG за допомогою canvas.toBlob('image/png'). Точні пікселі на виході збігаються з тим, що SVG відтворить того самого розміру на вкладці браузера.
Граничні випадки: SVG із використанням ForeignObject не завжди підтримується при використанні через елемент Image. SVG, що посилається на зовнішні ресурси (xlink:href на інший домен), може не завантажитися через CORS. Анімації SMIL і анімації, керовані JavaScript, відтворюються лише як початковий кадр.