Конвертер SVG у PNG

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

1. Перетягніть один чи кілька файлів SVG у зону завантаження або натисніть на неї, щоб вибрати файли. Також можна відкрити Або вставте код SVG, вставити розмітку й натиснути Додати код SVG.
2. Виберіть Розмір результату: - Коефіцієнт масштабу множить власний розмір SVG (2 дає зображення вдвічі ширше й вдвічі вище); - Ширина (висота підлаштується) або Висота (ширина підлаштується) зберігає пропорції; - Точні ширина й висота задає обидва виміри примусово; - Роздільна здатність (DPI) відтворює фізичні розміри, як-от 2in чи 50mm, за вибраного DPI.
3. Виберіть Формат: PNG, JPG або WebP. Для JPG і WebP також є повзунок Якість.
4. У розділі Тло залиште Прозоре або виберіть Колір і задайте Колір тла.
5. Натисніть Конвертувати в зображення. Для кожного файлу з’явиться рядок із переглядом, новим розміром у пікселях і кнопкою Завантажити. Завантажити все зберігає файли по одному; Завантажити ZIP складає їх в один архів.

Як обчислюється розмір

SVG описує форми, а не пікселі, тому його можна намалювати чітко в будь-якому розмірі. «Природний» розмір береться з атрибутів width і height кореневого елемента <svg>. Якщо їх немає, інструмент використовує viewBox (наприклад, viewBox="0 0 24 24" дає 24 × 24), так само як і браузери. Якщо немає ні того, ні іншого, використовується типовий розмір браузера 300 × 150.

Довжини у фізичних одиницях переводяться за правилом CSS у 96 пікселів на дюйм: 1 in = 96 px, 1 см ≈ 37,8 px, 1 pt = 1,33 px. Саме тому DPI (96 = початковий розмір) містить 96: за 300 DPI іконка із width="1in" стає завширшки 300 пікселів, чого й очікують у друкарні.

За вибору Точні ширина й висота малюнок, пропорції якого відрізняються від рамки, центрується з полями за власним правилом SVG preserveAspectRatio; він ніколи не розтягується, якщо цього не вимагає сам файл.

Браузери не можуть створити полотно більше приблизно за 16,7 мільйона пікселів (наприклад, 4096 × 4096). Якщо ви запитуєте більше, розмір зменшується до найбільшого зображення, яке вміщується, а повідомлення вказує підсумковий розмір.

PNG, JPG чи WebP?

• PNG зберігає все без втрат і підтримує прозорість: найкращий вибір для іконок, логотипів і діаграм.
• JPG не має прозорості, тому прозорі ділянки заповнюються кольором тла. Використовуйте його для великих ілюстрацій, де розмір файлу важливіший за чіткі краї.
• WebP зберігає прозорість і зазвичай менший за PNG; усі сучасні браузери його відображають.

Безпека й обмеження

Ваш SVG ніколи не вставляється в сторінку. Він малюється із приватної blob-адреси як звичайне зображення, а в такому режимі браузери не виконують скриптів і нічого більше не завантажують. Як наслідок, зовнішні посилання не завантажуються: вебшрифти Google Fonts, зображення за URL і зовнішні файли CSS ігноруються, тож текст може відображатися типовим шрифтом. Щоб зберегти точний вигляд, перед конвертацією перетворіть текст на контури у вашому редакторі або вбудуйте зображення як data URI. Шрифти, встановлені на вашому комп’ютері, і далі можна використовувати.

Нічого не завантажується на сервер: відтворення й кодування відбуваються у вашому браузері.