Перейти до уроку
lil cactus

Як конвертувати SVG у PNG

Початковий4 хвилиниОновлено

Коротка відповідь

У Lil Cactus відкрийте SVG командою Файл потім Відкрити… Виберіть Зображення потім Розмір зображення…, у полі Ширина введіть 1024 (у пікселях) і натисніть кнопку Змінити розмір; квадратне зображення для практики стане 1024 × 1024 px. Виберіть Файл потім Експорт потім PNG…, замініть вміст поля Назва файлу на leaf-mark-1024.png і натисніть кнопку Експортувати.

Попередній перегляд «Експортувати як PNG»: двоколірний зелений листок із кремовою жилкою на прозорому шаховому тлі
Листок зі зміненим розміром у попередньому перегляді PNG. Шахове тло позначає прозорість.
Час
4 хвилини
Рівень
Початковий
Що потрібно
Файл SVG, наприклад листок для практики нижче
Підходить для
Файли SVG. SVG з ефектами, які Lil Cactus не може зберегти як редаговані фігури, відкриваються як один шар зображення
Відкрити приклад у Lil CactusВикористати своє фото

Безкоштовно, без реєстрації. Ваше фото залишається на вашому комп’ютері.

Буває, що у вас є логотип чи ілюстрація в SVG, а для документа чи форми завантаження потрібен PNG. У цій вправі листок 512 × 512 px стає PNG розміром 1024 × 1024 px. Для власного файлу пройдіть той самий шлях із потрібною шириною.

SVG описує фігури, а не пікселі, тож розмір у пікселях ви вибираєте під час конвертації. Задайте цей розмір командою «Розмір зображення» перед експортом: вона перемальовує фігури SVG у новому розмірі, тому краї лишаються чіткими.

Конвертація SVG у PNG за чотири кроки

  1. Відкрийте SVG

    Відкрийте зображення для практики з цієї сторінки. Для власного SVG виберіть Файл потім Відкрити… і виберіть файл.

    Меню «Файл» з обведеним пунктом «Відкрити…»
    Відкрийте SVG, який хочете конвертувати.
  2. Задайте розміри в пікселях

    Виберіть Зображення потім Розмір зображення… У полі Ширина введіть 1024. Зв’язане поле Висота для цього квадратного зображення також стане 1024. Натисніть кнопку Змінити розмір.

    Меню «Зображення» з обведеним пунктом «Розмір зображення…»
    Задайте розмір документа перед експортом.
    Діалогове вікно «Розмір зображення» з обведеними значеннями «Ширина» 1024, «Висота» 1024 і кнопкою «Змінити розмір»
    Листок для практики збільшується вдвічі: з 512 × 512 px до 1024 × 1024 px.
  3. Виберіть «Файл › Експорт › PNG…»

    Виберіть Файл потім Експорт потім PNG… Відкриється діалогове вікно Експортувати як PNG з попереднім переглядом зображення зі зміненим розміром.

    Порада У вікні PNG залиште параметр Змінити розмір результату вимкненим. Він збільшує вже готові пікселі, і краї стають розмитішими; розмір, заданий у кроці 2, уже чіткий.

    Меню «Файл» і підменю «Експорт» з обведеним пунктом «PNG…»
    Виберіть PNG для нового піксельного зображення.
  4. Назвіть і експортуйте PNG

    Замініть вміст поля Назва файлу на leaf-mark-1024.png. Перевірте розміри 1024 × 1024 px унизу вікна й натисніть кнопку Експортувати. Браузер збереже PNG відповідно до своїх налаштувань завантаження чи місця збереження.

    Поле «Назва файлу» у вікні PNG зі значенням leaf-mark-1024.png, обведене
    Дайте експортованому PNG власну назву файлу.
    Нижня частина вікна PNG: 1024 × 1024 пікселі, «Скасувати» й обведена кнопка «Експортувати»
    Розміри результату збігаються з розміром, заданим у кроці 2.

Що робити далі

Конвертація SVG у PNG: запитання та відповіді

Чи збереже PNG прозоре тло SVG?

Так. У Lil Cactus PNG зберігає прозорі ділянки відкритого зображення. Суцільне тло в SVG лишається суцільним.

Чому висота змінюється, коли я вводжу нову ширину?

У Lil Cactus у вікні «Розмір зображення» поля «Ширина» й «Висота» за замовчуванням зв’язані, щоб зберігати пропорції зображення. Прямокутний SVG зберігає форму, а не стає квадратним.

Чому мій SVG відкрився як один шар зображення?

У Lil Cactus деякі можливості SVG не можна перетворити на редаговані фігури. Тоді редактор може відкрити SVG як один шар зображення, щоб зберегти його вигляд, і показати повідомлення з поясненням. Збільшення такого шару зображення не додає нових векторних деталей.

Чи зберігає PNG редаговані контури SVG?

Ні. У Lil Cactus експорт у PNG створює піксельне зображення. Завантажений PNG не містить редагованих контурів SVG.

Чи перезаписує експорт у PNG мій оригінальний SVG?

Ні. У Lil Cactus експорт завантажує окремий PNG і не змінює файлу SVG. Команда «Файл › Зберегти» записала б зображення зі зміненим розміром назад у SVG, тож використовуйте експорт, коли вам потрібен лише PNG.