Конвертувати 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.