SVG (Scalable Vector Graphics)
.svg · image/svg+xml · 2001 · W3C
Векторна графіка — нескінченно масштабована. Раструйте в PNG/JPEG для додатків, яким потрібні пікселі. Нижче — у чому SVG найкращий, де слабший і як порівнюється — плюс безкоштовні інструменти в браузері для конвертації SVG в інші формати й назад, без надсилання на сервер.
SVG взагалі не піксельний формат: він описує фігури, шляхи й текст як XML, тож масштабується до будь-якого розміру без втрати якості. Логотипи й іконки у вебі краще лишати SVG. Але багато інструментів — офісні пакети, e-commerce, редактори зображень — хочуть пікселі. EditItAll раструє SVG у браузері в 1× або 2× від внутрішнього розміру (або у вибрані вами розміри) і експортує чіткі PNG, JPEG або WebP.
Стиснення
Без втрат
Прозорість
Так
Анімація
Так
Відображення в браузері
Усі браузери
Сильні сторони й обмеження
Сильні сторони
- Нескінченно масштабується, крихітний для простої графіки
- Редагується як текст, стилізується CSS
- Ідеальний для логотипів і іконок
Обмеження
- Не приймають там, де потрібні растрові зображення
- Складна графіка може рендеритись повільніше бітмапа
- Растр→вектор потребує трасування, а не конвертації
Найкраще підходить для
- Логотипи, іконки, ілюстрації у вебі
- Друкована графіка, гостра за будь-якого розміру
Інструменти для SVG
Frequently asked questions
SVG — з втратами чи без?+
SVG — без втрат: зберігає кожен піксель точно, без втрати якості.
Чи підтримує SVG прозорість?+
Так — у SVG є альфа-канал, тож можна зберігати прозорі області. Також підтримує анімацію.
Чи можуть браузери відкривати файли SVG напряму?+
Так — кожен масовий браузер відображає SVG нативно.
Як безкоштовно відкрити чи конвертувати файл SVG?+
Перетягніть файл SVG у конвертер EditItAll і оберіть вихідний формат — декодування й перекодування йдуть повністю в браузері, без надсилання, акаунта й водяного знака. (У браузері немає кодувальника SVG, тож можна конвертувати SVG в інші формати, але не зберігати назад у SVG.)