Конвертувати SVG у PNG
PNG — це те, як векторна графіка потрапляє туди, куди SVG не пускають: презентації, документи, магазини застосунків, форми завантаження. Головне тут — перемикач масштабу нижче: відмалюйте у 2× чи 4×, і PNG лишиться чітким до пікселя навіть на великих розмірах, а прозорість SVG збережеться недоторканою.
Також знадобиться: Конвертувати SVG у JPG
Як це працює
Перетягніть файли SVG на інструмент — можна й вставити іконку разом із її розміткою прямо з буфера обміну.
Виберіть масштаб експорту від 1× до 4× (за замовчуванням 2×): він множить заявлений розмір SVG, і будь-який масштаб виходить різким, бо пікселі народжуються з векторів.
Завантажте чіткі PNG окремо або одним ZIP — із прозорістю рівно такою, як в оригіналі.
SVG vs PNG
Тут немає «краще» і «гірше» — вектори й пікселі вирішують різні задачі. SVG лишається вашим оригіналом: нескінченно масштабований, редагований, крихітний. PNG — це одноразовий експорт для презентацій, магазинів і форм, що векторів не приймають. Конвертуйте копії й ніколи не заміщайте оригінал.
| SVG | PNG | |
|---|---|---|
| Стиснення | Векторний (XML-текст) | Без втрат |
| Прозорість | Так (повний альфа-канал) | Так (повний альфа-канал) |
| Анімація | Так (CSS/SMIL) | Ні |
| Підтримка | Усі браузери; багато форм завантаження його відхиляють | Універсальна — браузери, редактори, системи |
| Найкраще для | Логотипи, іконки, ілюстрації | Логотипи, скриншоти, графіка з прозорістю |
Часті запитання
Ні — саме заради цього сайт і створювався. Конвертація повністю виконується у вашому браузері через WebAssembly: файли не залишають пристрій, і жоден сервер у процесі не бере участі. Після завантаження сторінки інструмент працює навіть без інтернету, а обмеження на розмір файлів — лише пам’ять вашого пристрою.
SVG — векторний формат: у нього немає фіксованого розміру в пікселях, тож роздільність результату обираєте ви. Масштаб множить заявлений розмір SVG: іконка 100×100 при експорті в 3× перетворюється на зображення 300×300. Відрисовка йде з векторів, тож будь-який масштаб виходить ідеально чітким — одразу обирайте розмір під задачу, а не збільшуйте картинку потім.
Так — будь-яка область, яку SVG лишає незафарбованою, вийде в PNG прозорою, рівно як задумано. Саме тому це правильний експорт для логотипів та іконок, яким належить лягти на невідомий фон.
Інструмент читає ширину й висоту, заявлені в самому SVG, а масштаб їх множить. Якщо у файлу є лише viewBox без явного розміру, браузер підставляє значення за замовчуванням — якщо результат вийшов дрібним, підніміть масштаб до 3× чи 4×.
Вбудований вміст (контури всередині файлу, картинки в base64) відмальовується коректно. Посилання на зовнішні файли чи веб-шрифти можуть не спрацювати — при растеризації браузер блокує завантаження з інших джерел. Для SVG з великою кількістю тексту заздалегідь переведіть текст у криві у своєму редакторі.
Тому що половина програмного світу векторів не розуміє: презентації, маркетплейси, картки магазинів застосунків, більшість форм завантаження й усі соцмережі хочуть пікселі. Робочий підхід — тримати SVG як оригінал і експортувати PNG-копії під розмір, який просить кожен майданчик; перемикач 1–4× для того й існує, щоб ці копії виходили чіткими, а не розтягувалися потім. Для вебу, де важить вага, легше вийде Конвертувати SVG у WebP.
Щоразу, коли майданчик приймає справжні вектори — ваш власний сайт, система іконок, передача макета дизайнеру. Растеризований логотип прибитий до однієї роздільності; оригінал лишається чітким на будь-якому розмірі й зазвичай важить менше за єдиний великий PNG. Растеризуйте під конкретну ціль, а не заради зберігання графіки.
Схожі інструменти
Конвертувати SVG у JPG
Конвертуйте SVG у JPG у браузері — безкоштовно, приватно, без завантаження. Растеризація векторів на чистому білому фоні у вибраному масштабі від 1 до 4×.
Конвертувати SVG у WebP
Конвертуйте SVG у WebP у браузері — безкоштовно, приватно, без завантаження файлів. Маленькі чіткі растрові копії вектора, з альфою й масштабом від 1 до 4×.
Конвертувати PNG у ICO (фавікон)
Конвертуйте PNG у ICO прямо в браузері — безкоштовно, без завантаження. Один файл зі значками 16, 32 і 48 px, повний альфа-канал — справжній фавікон.
Конвертувати SVG у ICO (фавікон)
Конвертуйте SVG у ICO прямо в браузері — безкоштовно й без завантаження. Найкращий вихідник для фавікона: вектори виходять чіткими на 48, 32 і навіть 16 px.