SVG-файли є золотим стандартом для логотипів, іконок та ілюстрацій у вебі. Але є багато ситуацій, коли вам потрібен PNG: завантаження на платформу, яка не підтримує SVG, вставка в презентацію, поширення в соціальних мережах або використання зображення в інструменті, що приймає лише растрові формати. Завдання полягає в конвертації без розмитих або піксельних результатів.
SVG проти PNG: у чому різниця?
- SVG (Scalable Vector Graphics) — це векторний формат. Він описує зображення за допомогою математичних шляхів, фігур і координат. Це означає, що SVG можна масштабувати до будь-якого розміру — від маленького фавікону до білборду — без втрати чіткості. SVG-файли зазвичай дуже малі за розміром для простої графіки.
- PNG (Portable Network Graphics) — це растровий формат. Він зберігає зображення у вигляді сітки кольорових пікселів. PNG має фіксовану роздільну здатність, тому збільшення понад оригінальні пікселі призводить до розмитості. Однак PNG підтримується скрізь і працює будь-де.
Навіщо конвертувати SVG у PNG?
Є кілька поширених причин для такої конвертації:
- Сумісність з платформами. Багато платформ (соціальні мережі, поштові клієнти, редактори документів) не відображають SVG-файли. PNG приймається скрізь.
- Стабільне відображення. SVG може виглядати по-різному в різних браузерах, якщо використовує розширені можливості або власні шрифти. Конвертація в PNG фіксує точний вигляд.
- Презентації та документи. PowerPoint, Google Slides і Word надійніше обробляють PNG, ніж SVG.
- Генерація фавіконів та іконок додатків. Хоча SVG-фавікони існують, багато контекстів все ще вимагають PNG певних розмірів у пікселях.
Вибір правильного масштабу
Оскільки SVG не залежить від роздільної здатності, найважливішим рішенням при конвертації є вибір пікселів для експорту. Тут і стає в нагоді масштабування:
- Масштаб 1x: Експортується у стандартному розмірі вікна перегляду SVG. Якщо SVG визначено як 200x200, ви отримаєте PNG 200x200. Підходить для невеликої веб-графіки.
- Масштаб 2x: Подвоює розміри (400x400 для того ж SVG). Ідеально для дисплеїв Retina та екранів з високою щільністю пікселів.
- Масштаб 4x: Збільшує розміри вчетверо (800x800). Використовуйте, коли потрібна версія з високою роздільною здатністю для друку, великого дисплея або коли хочете мати запас деталей.
Більший масштаб дає більший розмір файлу, але зберігає кожну деталь оригінального вектора. Оскільки ви конвертуєте з векторного джерела, при будь-якому масштабі немає жодної втрати якості. PNG рендериться ідеально з математичного опису.
Як конвертувати за допомогою fileGOD
Конвертер SVG у PNG на fileGOD робить це просто:
- Крок 1: Відкрийте інструмент конвертації SVG у PNG.
- Крок 2: Перетягніть ваш SVG-файл у зону завантаження.
- Крок 3: Оберіть бажаний масштаб (1x, 2x або 4x).
- Крок 4: Завантажте якісний PNG.
Конвертація відбувається повністю у вашому браузері за допомогою Canvas API. Ваш SVG рендериться з цільовою роздільною здатністю і експортується як чистий PNG з повною підтримкою прозорості. Без серверної обробки, без компромісів з якістю, без необхідності реєстрації.
Потрібно додатково змінити розмір результату? Передайте PNG через інструмент зміни розміру зображень, щоб підігнати до точних пікселів для вашого конкретного випадку.