Зображення

SVG в PNG

Вектор на вході, чіткі пікселі на виході — в будь-якому масштабі.

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

Перетягніть SVG-файл або вставте його розмітку, виберіть масштаб (1×, 2×, 4× або точну ширину в пікселях) та завантажте чіткий PNG, WebP або JPG. Вектор на вході, пікселі на виході — все рендериться локально у вашому браузері, нічого не завантажується.

SVG у PNG растерує векторну графіку в растрові зображення, які можна використовувати будь-де — логотип, який друкарня хоче у форматі PNG, іконка для платформи, яка відхиляє завантаження SVG, діаграма для слайд-шоу або og:image, який соціальні мережі можуть відображати. Вставте .svg файл або вставте розмітку безпосередньо, виберіть 1×, 2×, 4× або точну ширину в пікселях і завантажте PNG, WebP або JPG.

Оскільки SVG не залежить від роздільної здатності, ви вирішуєте чіткість виводу під час експорту: 2× розмір дисплея — це практичне правило для Retina-екранів. Конвертер працює повністю у вашому браузері, використовуючи той самий рушій рендерингу, що й веб для відображення SVG — тому те, що ви бачите в попередньому перегляді, є саме тим, що ви отримаєте, і ваше зображення ніколи не залишає ваш пристрій.

Поширені запитання

Чому інструмент повідомляє, що мій SVG не може бути відтворений?

Дві поширені причини: розмітка не є дійсним XML (зайвий незакритий тег), або вона посилається на зовнішні ресурси — віддалені зображення, зовнішні таблиці стилів або веб-шрифти — які браузери блокують під час растерізації з міркувань безпеки. Вбудовуйте все всередину, і воно конвертується.

Якого розміру буде PNG?

Власні width/height (або viewBox) SVG визначають базовий розмір; ваш масштаб помножує його. SVG 240×140 з масштабом 2× стає 480×280. Рядок підказки показує точний результат перед завантаженням.

Чому експортувати в 2× або 4×?

Екрани з високою щільністю пікселів показують зображення 1× трохи розмитим. Експорт у подвійному розмірі від CSS — стандартний рецепт для чітких логотипів та іконок; 4× — для друку або великих зображень-героїв.

Чи зберігає він прозорість?

Так — PNG та WebP зберігають прозорий фон SVG. JPG не має альфа-каналу, тому автоматично отримує білий фон.

Чи можу я конвертувати текст всередині SVG?

Так, якщо текст використовує шрифти, доступні у вашій системі, або краще, якщо текст перетворено на контури у вашому інструменті дизайну — контури відображаються однаково скрізь.

Чи можу я вставити SVG-код замість файлу?

Так — текстова область приймає сирий розмітки, що зручно для іконок, скопійованих з інструментів дизайну чи документації. Попередній перегляд оновлюється під час введення.

Чи є максимальний розмір виводу?

Максимальна ширина — 8192 пікселі, що охоплює друк і шпалери. Дуже великі експорти залежать від пам'яті вашого пристрою.

Чи завантажується мій файл?

Ні. SVG рендериться вашим власним браузером на локальний canvas — нічого нікуди не надсилається, а інструмент працює в автономному режимі після завантаження.