Формат SVG
Зовсім не пікселі — інструкції для малювання фігур, тому він залишається чітким за будь-якого розміру.
Що таке SVG?
SVG — це векторний формат на основі XML. Замість зберігання сітки пікселів він зберігає геометрію: шляхи, кола, градієнти, текст. Браузер відтворює це в будь-якому потрібному розмірі, тому логотип SVG однаково чіткий на телефоні та на білборді.
Для пласких, геометричних зображень він також дуже малий. Логотип, який у форматі PNG займав би 40 КБ, часто займає 2 КБ у форматі SVG, і для нього потрібен лише один файл, а не один на кожну щільність пікселів.
Оскільки це XML, SVG може містити скрипти, зовнішні посилання та вбудовані стилі. Це робить його справді активним контентом, і до SVG з ненадійного джерела слід ставитися з такою ж обережністю, як до файлу HTML — саме тому KaiConvert ніколи не вставляє довільну розмітку SVG на сторінку.
Поширені випадки використання
- Логотипи, іконки та інтерфейсна графіка
- Діаграми та візуалізація даних
- Ілюстрації та лінійні малюнки, які повинні масштабуватися
- Все, що потрібно відображати чітко за будь-якої щільності
Переваги
- Незалежний від роздільної здатності — чіткий за будь-якого розміру
- Дуже малі файли для геометричних зображень
- Можна стилізувати та анімувати за допомогою CSS
- Текст всередині SVG залишається справжнім, виділеним текстом
Обмеження
- Не підходить для фотографій
- Складні ілюстрації можуть повільно відтворюватися
- Може містити скрипти, тому ненадійні SVG є загрозою безпеці
- Відтворення може дещо відрізнятися між рушіями для розширених функцій
Підтримка браузерами
Універсальний для рендерингу. KaiConvert розглядає завантажений SVG як ненадійний: він растеризується в елементі зображення в пісочниці, а не вбудовується в DOM, тому вбудовані скрипти ніколи не виконуються.