Файли SVG: не зображення, і чому це важливо під час конвертації
Чому SVG не має роздільної здатності, що задати перед растеризацією і чому PNG неможливо конвертувати назад. Конвертуйте SVG у браузері, без завантаження.
Коротко
- Тип
- Зображення
- Стиснення
- Без втрат
- Розширення
- .svg
- MIME-тип
- image/svg+xml
- Також відомий як
- Scalable Vector Graphics
SVG — не файл зображення, а документ: XML, що описує фігури, контури, заливки й текст. Жоден його елемент не є пікселем. Коли браузер його показує, він виконує ці інструкції в тому розмірі, якого вимагає макет, і тому SVG чіткий і на телефоні, і на білборді з тих самих кількох кілобайтів. Саме через цю властивість логотипи й іконки поширюють саме так.
Докладніше
Конвертація в PNG означає вибрати розмір і виконати ці інструкції один раз. З цієї миті результат — звичайний растр, що розмивається під час збільшення, тож вибраний розмір і є всією конвертацією. Вибирайте найбільший розмір, у якому зображення будь-коли показуватимуть, і з запасом: зменшення PNG чисте, збільшення — ні.
Зворотної конвертації по суті не існує. Перехід від інструкцій до пікселів відкидає інструкції, а щоб їх повернути, потрібне трасування — алгоритм, що вгадує форми в растрі й створює контури, які наближають те, що він бачить. Це справді інший тип інструмента, і його результат ніколи не є оригіналом.
Дві речі варто перевірити в результаті. Шрифти: SVG, що посилається на шрифт за назвою, залежить від того, чи встановлено цей шрифт, тож текст може відобразитися заміною, — перетворіть текст на криві в редакторі, якщо типографіка важлива. І прозорість: SVG не має тла, якщо його не намальовано, тож PNG буде прозорим там, де малюнок порожній, — зазвичай саме це й потрібно, але іноді на білій сторінці його не видно.
Конвертувати SVG в інші формати
Запитання про SVG
Який розмір вибрати під час конвертації?
Найбільший, у якому зображення будь-коли показуватимуть, і щедро. PNG чисто зменшується й ніколи не збільшується без втрат. Задайте максимальну ширину в додаткових параметрах.
Чому мій текст відображається не тим шрифтом?
Бо SVG посилається на шрифт за назвою, а його не було, тож використано заміну. Перетворіть текст на криві у векторному редакторі перед конвертацією.
Чи можна конвертувати PNG чи JPG назад у SVG?
Не в змістовному сенсі. Растеризація відкидає інструкції, а щоб їх відновити, потрібне трасування — вгадування форм у растрі. Результат наближає зображення, а не відновлює оригінал.
Чи матиме PNG прозоре тло?
Так, там, де малюнок порожній, бо SVG не має тла, якщо його не намальовано. Спершу додайте прямокутник у SVG, якщо потрібен суцільний колір.
Навіщо взагалі растеризувати SVG?
Бо безліч програм його не приймає: офісні документи, старші редактори, багато форм завантаження й платформи, що приймають лише растрові зображення.
SVG стискає з втратами чи без?
Жодне з цього не застосовне. Він зберігає інструкції, а не семпли, тож стискати з втратами нічого. Питання стає важливим лише після растеризації.
Чи безпечно відкривати файли SVG?
Це документи, які можуть містити скрипти, тож неперевірений SVG більше схожий на файл HTML, ніж на фотографію. Конвертація тут відображає його в ізольованому контексті й дає простий растр, і це один зі способів знешкодити загрозу.
Чи завантажує конвертація мій файл?
Ні. SVG відображає ваш браузер на сторінці, і PNG кодується там само. Ваш файл нікуди не надсилається.