Перетворюйте SVG у PNG миттєво та безкоштовно. Насолоджуйтесь 100% приватністю: ваші файли обробляються локально та ніколи не залишають ваш пристрій. Виведіть свої дизайни на новий рівень завдяки п'яти налаштовуваним множникам конвертації (1x, 2x, 3x, 4x та 8x), розробленим для розширення, оптимізації та підвищення чіткості кожного зображення відповідно до ваших точних вимог.
Перетягніть свій SVG-файл сюди або оберіть на пристрої
Підтримує чистий векторний код SVG (Scalable Vector Graphics)
Якісний експорт починається з розуміння того, де використовуватиметься зображення. У цьому посібнику пояснюється, як вибрати масштаб, підготувати SVG і перевірити PNG перед використанням.
Перед перетворенням перевірте розміри в пікселях, яких вимагає сайт, документ, поштова система або дизайнерська програма, де використовуватиметься зображення. Цей інструмент масштабує відображені розміри SVG за вибраним множником; полів для власної ширини й висоти немає. Якщо платформа вимагає ширину 1200 пікселів, порівняйте її з відображеною шириною SVG і виберіть найближчий множник, не створюючи надмірно великий файл.
Доступні коефіцієнти: 1x, 2x, 3x, 4x та 8x. Множник впливає і на ширину, і на висоту: джерело 200 × 100, відображене у масштабі 2x, матиме 400 × 200 пікселів. Кількість пікселів зростає пропорційно квадрату множника, тому 8x дає у 64 рази більше пікселів, ніж 1x. Більший результат споживає значно більше пам’яті й не обов’язково виглядає краще, якщо оригінал або екран цього не потребує.
Для звичайної графіки інтерфейсу практично почати з 1x або 2x; 2x може бути корисним для екранів із високою щільністю пікселів, якщо макет зменшує зображення. Вибирайте 3x або 4x лише тоді, коли дизайну потрібні додаткові пікселі. Використовуйте 8x обережно: дуже великі полотна довше обробляються або можуть перевищити обмеження браузера.
Виберіть прозорий фон, якщо PNG буде розміщено на кольоровій сторінці, у презентації чи поверх іншого зображення. Виберіть білий, якщо сервіс очікує білий прямокутник або суцільний фон спрощує перевірку графіки. PNG підтримує прозорість, однак цільова програма може показувати прозорі пікселі на шаховому тлі або прибрати прозорість під час вставлення.
Відкрийте джерело у векторному редакторі й перевірте, чи має воно коректний viewBox і видиму графіку всередині нього. Перетворіть шрифти на контури або вбудуйте їх, якщо дизайн має однаково виглядати на пристроях без цих шрифтів. Переконайтеся, що пов’язані зображення та зовнішні ресурси доступні: цей браузерний конвертер може не відобразити віддалені шрифти, пов’язані зображення, скрипти чи інші зовнішні залежності SVG.
Виберіть один файл SVG, задайте масштаб і фон, а тоді перетворіть його. Переконайтеся, що видно весь малюнок, текст і тонкі лінії залишилися читабельними, а фон відповідає очікуванням. Якщо результат обрізано, перевірте viewBox і розміри SVG в оригінальному файлі. Конвертер обробляє один файл за раз і створює для нього PNG для завантаження.
Використайте PNG у потрібному контексті й перегляньте його в реальному розмірі показу. Велика кількість пікселів автоматично не покращує маленьку екранну піктограму. Якщо PNG завеликий, експортуйте його із SVG із меншим множником. Якщо зображення розмите, перевірте, чи не збільшує цільова програма мале растрове зображення після перетворення.
Зберігайте оригінальний SVG разом із PNG. SVG зберігає векторні контури й зазвичай краще підходить для подальшого редагування, зміни кольорів і масштабу. PNG — зручна копія фіксованого розміру для сервісів, яким потрібна растрова графіка. Зберігши обидва файли, ви зможете створювати PNG інших розмірів, не збільшуючи повторно вже растрове зображення.
Перетворення потрібне, коли сервісу призначення потрібні пікселі, а не вектори. Залишайте SVG, якщо сервіс його підтримує, а вам важливо масштабувати й редагувати графіку.
Деякі форми завантаження, системи керування вмістом і засоби для зображень профілю приймають лише поширені растрові формати. PNG забезпечує зображення фіксованого розміру й чіткі краї за умови експорту в потрібних розмірах.
Поштові клієнти та офісні програми по-різному обробляють вбудовані SVG. PNG може забезпечити передбачуваніше відображення логотипа чи схеми в таких середовищах. Зберігайте оригінальний SVG, щоб за потреби оновити графіку.
PNG корисний, коли потрібно передати растровий файл із відомими характеристиками. Виберіть масштаб відповідно до розміру відображення SVG і вимог отримувача, а потім перевірте розміри результату в переглядачі зображень.
Деякі форми, старі редактори та конвеєри обробки зображень приймають PNG, але не векторні файли. Перетворіть копію для такого процесу, не замінюючи вихідний вектор, якщо плануєте редагувати його в майбутньому.
PNG може зберігати прозорі пікселі, що зручно для розміщення логотипа чи піктограми на різних фонах. Виберіть прозорий фон і переконайтеся, що цільова програма зберігає альфа-прозорість.
Спершу дізнайтеся вимоги принтера до розмірів у пікселях або роздільної здатності. Цей інструмент пропонує множники масштабу, а не налаштування DPI. Більший PNG не відновить відсутні у SVG деталі й не зробить точнішим джерело з низькою роздільною здатністю.
Розуміння того, як векторна геометрія стає растровим зображенням, допомагає пояснити розмір результату, прозорість, сумісність і типові відмінності відображення.
SVG — векторний формат на основі XML, який описує контури, фігури, текст та інші інструкції малювання. PNG зберігає прямокутну сітку пікселів. Растеризація SVG — це відтворення векторних інструкцій у сітці пікселів заданого розміру. Після експорту збільшення PNG може виявити пікселі, яких не було видно у векторному джерелі.
viewBox SVG відображає систему координат у вікні перегляду. Якщо viewBox відсутній, неправильний або більший за малюнок, може з’явитися зайвий простір або обрізання. Якщо межі в попередньому перегляді неправильні, перевірте розміри SVG і viewBox у вихідному редакторі.
Якщо браузер відображає джерело розміром W × H пікселів, а вибраний множник дорівнює S, розмір полотна становитиме W × S на H × S. Кількість пікселів дорівнює W × H × S². Тому високі множники потребують значно більше пам’яті, а 8x варто вибирати лише за потреби у додаткових пікселях.
Сторінка читає вибраний SVG у браузері, створює з його вмісту зображення, малює його на HTML canvas і експортує полотно у PNG. Спосіб відображення та максимальні розміри полотна різняться залежно від браузера й пристрою. Дуже великі або складні SVG можуть оброблятися довше чи не відобразитися.
Якщо вибрано прозорий фон, полотно очищується перед малюванням. Вихідний PNG може зберігати прозорість кожного пікселя в альфа-каналі. Якщо вибрано білий фон, конвертер спершу малює білий прямокутник, тому прозорі ділянки джерела стають білими.
PNG стискає отримані пікселі без втрат, але це не означає, що вектор відображатиметься однаково в кожному середовищі. Згладжування, керування кольором, шрифти, фільтри й особливості браузера впливають на пікселі під час растеризації.
SVG може посилатися на шрифти чи зображення, не вбудовані у файл. Він також може використовувати фільтри або функції, які браузери реалізують по-різному. Для надійного експорту вбудуйте важливі шрифти або перетворіть їх на контури, додайте потрібні зображення та порівняйте попередній перегляд браузера з джерелом у векторному редакторі.
Пам’ять для canvas зростає разом із кількістю вихідних пікселів, тому великий множник може вичерпати доступну пам’ять. Перетворюйте лише ті SVG, яким довіряєте. Цей інструмент не завантажує вибране джерело на сервер перетворення, але це не є перевіркою самого SVG і не гарантує безпечність усіх вбудованих зовнішніх посилань. Не відкривайте ненадійні файли та видаляйте непотрібні скрипти чи віддалені посилання у векторному редакторі.
Ні. Він читає вибраний SVG у браузері та створює окремий файл PNG для завантаження. Оригінал залишається на вашому пристрої; зберігайте його як редаговане основне джерело.
Помножте ширину й висоту, відображені браузером, на вибраний множник. Наприклад, 240 × 120 у масштабі 2x перетворюється на 480 × 240 пікселів. Якщо SVG має незвичний розмір або viewBox, перевірте попередній перегляд і розміри завантаженого PNG.
Ні. Цей масштаб створює більше пікселів, а не більше векторних деталей. Він допоможе, якщо потрібне більше растрове зображення, але кількість пікселів зростає у 64 рази порівняно з 1x, а пам’яті може знадобитися значно більше. Виберіть найменший масштаб, що відповідає реальному розміру призначення.
viewBox або вікно перегляду SVG може містити зайвий простір чи обрізати частини малюнка. Відкрийте джерело у векторному редакторі, налаштуйте сторінку або viewBox за межами графіки, збережіть копію та перетворіть її знову.
У браузері може не бути шрифту, який використовує SVG, або файл посилається на невбудований шрифт. Якщо вам дозволено редагувати джерело, вбудуйте шрифт або перетворіть текст на контури у векторному редакторі, а потім порівняйте результат.
SVG може залежати від зовнішнього зображення, шрифту, фільтра чи функції, недоступної браузеру або реалізованої ним інакше. За можливості вбудуйте потрібні зображення та шрифти, спростіть непідтримувані ефекти й перевірте SVG у браузері перед перетворенням.
Так. Перед перетворенням виберіть прозорий фон. Перед малюванням інструмент очищує полотно. Перевірте завантажений PNG у програмі, що показує прозорість: деякі переглядачі відображають прозорі пікселі на білому, через що вони здаються непрозорими.
У цій версії є множники 1x, 2x, 3x, 4x та 8x. Окремих полів ширини й висоти або налаштування DPI немає. Якщо потрібні точні розміри, виберіть найближчий множник, а потім змініть розмір копії у графічному редакторі.
Поточний інтерфейс за одну операцію вибирає та перетворює один SVG. Обробляйте файли окремо й перевіряйте результат кожного перед наступним. Пакетна обробка та завантаження ZIP тут не пропонуються.
Поле завантаження призначене для файлів SVG. Якщо файл відхилено або не вдалося відобразити, переконайтеся, що це коректний SVG, який відкривається в сучасному браузері чи векторному редакторі. Це не універсальний конвертер форматів зображень.
Код перетворення читає вибраний файл у браузері й не надсилає вихідний файл до API перетворення. Однак це не гарантує, що SVG не містить зовнішніх посилань. Не використовуйте ненадійні файли й перевіряйте посилання перед відкриттям.
Браузер має виділити canvas для кожного вихідного пікселя. Великий файл у поєднанні з високим множником може перевищити пам’ять пристрою або обмеження полотна браузера. Спробуйте нижчий масштаб, спростіть SVG або експортуйте його у графічній програмі, що підтримує більші полотна.
Це залежить від фізичного розміру друку й потрібної роздільної здатності. Інструмент масштабує кількість пікселів, але не встановлює DPI друку. Дізнайтеся у друкарні потрібні розміри в пікселях або роздільну здатність і перевірте, чи відповідає їм PNG.
Браузери можуть відрізнятися доступністю шрифтів, згладжуванням, керуванням кольором і підтримкою функцій SVG. Для стабільного результату вбудуйте шрифти або перетворіть їх на контури, використовуйте стандартні функції SVG і повторюйте експорт у тому самому браузері.
Переконайтеся, що файл містить видиму графіку, коректну розмітку SVG і viewBox із розмірами, які охоплюють малюнок. Видаліть непідтримувані зовнішні залежності, перевірте файл у браузері й повторіть спробу в масштабі 1x перед збільшенням.