Конвертувати SVG у PNG
SVG — це набір інструкцій для малювання без фіксованої роздільної здатності. Під час конвертації в PNG ці інструкції відтворюються на сітці пікселів, тож єдине важливе рішення — скільки пікселів завширшки має бути результат.
Конвертер зображень
або перетягніть Файли JPG, JPEG, JPE … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
85 зберігає фото візуально ідентичними оригіналу. Зменшуйте лише тоді, коли потрібен менший файл.
JPG, BMP і EPS не підтримують прозорість. Прозорі пікселі заповнюються цим кольором.
Hex-колір для заливки під прозорими пікселями, наприклад #FFFFFF.
Цей формат містить одне зображення. Оберіть вихідний формат GIF або WebP, якщо хочете зберегти анімацію.
Багаторозмірна іконка містить кілька роздільностей в одному файлі; браузери та операційні системи обирають потрібну.
Залиште початкові розміри або введіть одну сторону — пропорції збережуться.
Пікселі для сторони, обраної вище.
Відсоток від початкових розмірів.
sRGB підходить для екранів і вебу. Для друку залиште оригінальний; відтінки сірого відкидають колір.
Лише метадані, 0 зберігає початкове значення. Принтери та деякі портали читають це число; воно не змінює піксельні розміри.
Як користуватися цим інструментом
- 1
Виберіть файли SVG
Перетягніть у завантажувач логотипи, іконки чи ілюстрації, збережені як .svg: до 20 файлів за раз, кожен до 95 MB.
- 2
Задайте ширину результату
Для параметра Змінити розмір результату задано ширину 1024 px. Введіть інше значення в полі Розмір або виберіть Задати висоту чи Задати довшу сторону; пропорції малюнка завжди зберігаються.
- 3
Конвертуйте в PNG
Натисніть Конвертувати в PNG і завантажте кожне зображення окремо або весь набір у ZIP. Прозорі ділянки SVG залишаються прозорими.
Як конвертувати SVG у PNG певного розміру?
Завантажте SVG, введіть потрібну ширину в пікселях (за замовчуванням 1024 px) і натисніть Конвертувати в PNG. Висота визначається пропорціями малюнка, а тло залишається прозорим.
Конвертуйте SVG у PNG потрібного розміру
SVG, стандарт W3C з 2001 року, описує форми координатами: намалювати тут коло й залити його цим кольором. Тому SVG-логотип лишається чітким і на візитівці, і на білборді. PNG так масштабуватися не вміє. Коли він завширшки 512 px, збільшення означає вигадування пікселів, а краї розмиваються. Тож розмір треба вибирати під час конвертації, поки векторна інформація ще доступна.
Багато SVG-файлів задають у коді малі ширину й висоту, іноді 24 або 48 px для іконок. Відтворення в такому розмірі дає PNG розміром із мініатюру. Ця сторінка обходить пастку: вона задає вихідну ширину 1024 px і масштабує малюнок, а висоту обчислює за його пропорціями. Змініть число на будь-яке до 20 000 px; великий розмір не погіршує якість, бо кожен розмір малюється заново з векторних форм.
SVG у PNG для друку: дюйми, DPI і пікселі
| дюйм. | Pixels at | ||
|---|---|---|---|
| 72 DPI | 150 DPI | 300 DPI | |
| 1 | 72 | 150 | 300 |
| 2 | 144 | 300 | 600 |
| 3,5 | 252 | 525 | 1050 |
| 8,5 | 612 | 1275 | 2550 |
| 11 | 792 | 1650 | 3300 |
Чотири перевірки перед растеризацією SVG
Перетворіть шрифти на контури
Текст, що залежить від шрифту, який є у вас, але немає в конвертері, буде замінено. Спершу перетворіть написи на контури.
Вбудуйте пов’язані зображення
SVG може посилатися на окремий файл фото за шляхом. Якщо цього файлу немає всередині SVG, у PNG на його місці буде порожнеча.
Перевірте полотно
Зайвий порожній простір навколо малюнка на полотні SVG стає прозорим полем у PNG. Перед експортом підгоніть монтажну область під малюнок.
Вибирайте ширину під завдання
Експортуйте окремі PNG для окремих завдань, наприклад 512 px для аватара і 2048 px для слайда, замість одного розміру для всього.
SVG
Масштабована векторна графіка (SVG)
SVG — векторний формат на основі XML, стандартизований W3C у 2001 році. Замість пікселів він описує фігури, контури та текст, тож залишається чітким за будь-якого розміру, а для логотипів і значків зазвичай дуже малий. Підтримує прозорість, стилі CSS, скрипти та анімацію, а кожен браузер відображає його нативно. SVG не підходить для фотографій, а складні ілюстрації можуть повільно відображатися. Відкрити й редагувати його можна в Illustrator, Inkscape, Figma та браузерах.
- Стиснення
- –
- Прозорість
- Так
- Анімація
- Так
- Рік появи
- 2001 · W3C
PNG
Portable Network Graphics
PNG — растровий формат без втрат, опублікований у 1996 році групою PNG Development Group і згодом стандартизований W3C та ISO. Він зберігає кожен піксель точно, підтримує повну альфа-прозорість і без артефактів передає текст, чіткі краї та суцільні кольори. Така точність робить його ідеальним для скриншотів, логотипів, іконок і графіки інтерфейсів. Недолік — розмір: фотографії у PNG часто в кілька разів більші за те саме фото у JPEG чи WebP. PNG відкривають усі браузери, операційні системи та редактори.
- Стиснення
- Без втрат
- Прозорість
- Так
- Анімація
- Ні
- Рік появи
- 1996 · PNG Development Group
SVG у PNG перетворює векторну графіку без прив’язки до роздільної здатності на растрове зображення фіксованого розміру для місць, що не приймають SVG, як-от соцмережі, пошта й офісні документи; зворотний напрямок — це спроба відновити масштабованість із пікселів.
Часті запитання про конвертацію SVG у PNG
Яку роздільну здатність вибрати, щоб конвертувати SVG у PNG?
Візьміть найбільший розмір, у якому PNG показуватимуть, і помножте його на два для екранів телефонів і ноутбуків з високою щільністю пікселів. Логотип шириною 300 px на сайті варто експортувати приблизно в 600 px; іконку застосунку зазвичай у 1024 px; для друку потрібні дюйми, помножені на 300, тож 3 дюйми дають 900 px.
Чи зберігає PNG прозорий фон SVG?
Так. Ділянки SVG без заливки стають повністю прозорими, а напівпрозорі форми зберігають свою непрозорість. Якщо натомість потрібне суцільне тло, конвертуйте у JPG через SVG у JPG і виберіть колір заливки.
Чому текст у PNG виглядає інакше, ніж в SVG?
Текст в SVG малюється тим шрифтом, який установлено там, де його відтворюють. Якщо SVG посилається на шрифт, який не вбудований, його замінює запасний. Перед експортом перетворіть текст на контури: Type → Create Outlines в Illustrator, Path → Object to Path в Inkscape.
Чи робить налаштування DPI мій PNG чіткішим?
Ні. Тег DPI у розділі «Додаткові налаштування» лише записує у файл число, за яким принтери й деякі програми верстки визначають фізичний розмір. Різкість залежить від розмірів у пікселях, які ви задаєте шириною. Змініть обидва параметри, якщо друкарня просить 300 dpi для певного розміру.
Навіщо взагалі конвертувати SVG у PNG?
Багато сервісів, що приймають зображення, не приймають SVG: завантаження аватарів і публікацій у соцмережах, більшість поштових клієнтів, чимало маркетплейсів і старі версії Microsoft Office. PNG потрібного розміру відображається скрізь, де працюють ці сервіси.
Чи можна згодом перетворити PNG назад на SVG?
Лише трасуванням: воно перемальовує форми за пікселями й найкраще працює з простими логотипами. Зберігайте оригінальний SVG; якщо його втрачено, посібник про PNG у SVG пояснює, як працює трасування і чого очікувати.