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