Перейти до вмісту

Конвертувати SVG у PNG і PNG у SVG

Перетворюйте SVG на чіткий PNG будь-якого розміру або векторизуйте PNG чи JPG в SVG. Конвертація відбувається у вашому браузері.

Перетягніть файли SVGабо натисніть, щоб вибрати · вставте код SVG через Ctrl+V
Вибрати SVGОбробка на вашому пристрої — без надсилання на сервер
Працює у браузері · без надсилання на серверЯк це працює

Як користуватися: Конвертер SVG ↔ PNG

  1. 1

    Завантажте SVG

    Перетягніть один або кілька файлів .svg, вставте код SVG будь-де на сторінці або введіть його в поле коду й натисніть «Відтворити SVG».

  2. 2

    Виберіть розмір результату

    Оберіть 1×, 2×, 4× або 8× від власного розміру SVG або введіть точну ширину до 16 384 пікселів; висота підлаштується.

  3. 3

    Оберіть формат і тло

    PNG зберігає прозоре тло; для JPG і WebP зʼявляється повзунок якості, а будь-який формат можна залити кольором.

  4. 4

    Завантажте результат

    Збережіть PNG з назвою за файлом і розміром, наприклад logo-512x512.png, або всі файли одразу як svg-to-png.zip.

Ліміти та Pro

SVG у PNG: скільки завгодно файлів SVG, кожен експортується до 16 384 px з кожного боку та 120 мегапікселів. PNG у SVG: одне зображення до 25 MB за раз.

У тарифі Pro ліміт вхідного файлу для PNG у SVG збільшується до 4 GB. Дивитися Pro

Про інструмент: Конвертер SVG ↔ PNG

SVG у PNG перетворює векторну графіку на звичайні растрові зображення. Власний рушій SVG у вашому браузері малює файл одразу в потрібному розмірі, тож експорт значка 64 пікселі у масштабі 8× дає чітке зображення 512 пікселів, а не збільшене розмите. Розмір результату береться з атрибутів width і height в SVG, а одиниці на кшталт mm, pt або in переводяться з розрахунку 96 пікселів на дюйм; якщо розмір не вказано, використовується viewBox. PNG зберігає повну альфа-прозорість і без втрат оптимізується за допомогою OxiPNG; JPG не підтримує прозорості, тому тло заливається білим, якщо ви не оберете інший колір. Попередній перегляд оновлюється, коли ви змінюєте налаштування, тож точний результат видно ще до завантаження.

PNG потрібен усюди, де SVG не приймають: у соцмережах і месенджерах, у старіших версіях Word і PowerPoint, в електронних підписах, у картках застосунків у магазинах та багатьох конструкторах сайтів. Експорт у масштабі 2× або 4× також дає чіткі зображення для екранів смартфонів із високою щільністю пікселів.

Оскільки SVG відтворюється як окреме зображення, він не може нічого отримувати з інтернету: повʼязані зображення та вебшрифти, на які є посилання за URL, не завантажуються, а текст відображається шрифтом, установленим на вашому пристрої. Перед експортом вбудуйте шрифти й картинки як data URI або перетворіть текст на контури. Скрипти й анімації не виконуються, тому ви отримаєте один нерухомий кадр. Вкладка «PNG у SVG» робить навпаки: векторизує зображення в контури.

Приватність

Відтворення виконує вбудований рушій SVG вашого браузера, а зображення кодують кодеки jSquash WebAssembly у Web Worker на цій вкладці; їх завантажують лише з цього сайту й тільки після додавання файлу. Код SVG та експортовані зображення залишаються на вашому пристрої, нічого не надсилається на сервер, а сам рендерер не може робити мережеві запити від імені SVG.

Можливості

Чіткість у будь-якому розмірі

Вектор перемальовується в роздільності результату — експортуйте в 1×, 2×, 4×, 8× або з точною шириною в пікселях.

Прозоре тло

PNG і WebP зберігають прозорість; або залийте тло будь-яким кольором.

Вставлення коду SVG

Вставте код просто з редактора чи дизайнерського інструмента — файл не потрібен.

Пакетний експорт

Конвертуйте весь набір значків з однаковими налаштуваннями й завантажте ZIP.

Також PNG у SVG

Перейдіть на іншу вкладку, щоб векторизувати логотип PNG або JPG у чисті контури.

Конвертер SVG ↔ PNG: поширені запитання

Як конвертувати SVG у PNG з прозорим тлом?
Залиште формат PNG і тло «Прозоре» — це типові налаштування — та завантажте результат. Усі ділянки, які SVG не зафарбовує, у PNG залишаються повністю прозорими, а напівпрозорі заливки й мʼякі краї зберігають свою альфа-прозорість. JPG не зберігає прозорість, тож для нього порожні ділянки заливаються білим або кольором, який ви оберете в полі «Тло».
У якому розмірі експортувати мій SVG?
Для сайту експортуйте в 2× від розміру показу, наприклад 600 пікселів завширшки для місця 300 пікселів, щоб зображення було чітким на екранах із високою щільністю. Для значків застосунків і карток у магазинах зазвичай потрібні квадрати 512 або 1024 пікселі. Для друку помножте ширину в дюймах на 300. Вектор перемальовується для кожного розміру, тож більші експорти не розмиваються, а лише збільшуються.
Чому шрифти або зображення в моєму SVG виглядають неправильно?
SVG, який малюється як зображення, нічого не може завантажувати, тому шрифти з Google Fonts чи іншого сервера та картинки за посиланням не зʼявляються, а текст набирається шрифтом, установленим на вашому пристрої. Відкрийте файл у графічному редакторі й перетворіть текст на контури або вбудуйте шрифти й зображення як дані base64, потім експортуйте SVG ще раз і відтворіть тут.
Чи можна конвертувати кілька файлів SVG одночасно?
Так. Перетягніть стільки файлів SVG, скільки потрібно: вони зʼявляться у списку, а вибраний файл буде в попередньому перегляді. Налаштування розміру, формату й тла застосовуються до всіх, тож увесь набір значків можна експортувати в 4× за один раз. Кнопка завантаження створить svg-to-png.zip, де кожен PNG названо за вихідним файлом і підсумковим розміром у пікселях.
Чому PNG має інший розмір, ніж я очікував?
Базовий розмір беруть з атрибутів width і height в SVG, переводячи в пікселі з розрахунку 96 на дюйм, а потім множать на масштаб. Якщо в SVG є лише viewBox, його числа вважаються пікселями; якщо немає ні того, ні іншого, браузери припускають 300 × 150. Щоб отримати точний розмір незалежно від файлу, оберіть варіант px і введіть потрібну ширину; висота збереже пропорції.

Інші завдання з цим інструментом