Формат файла SVG

Scalable Vector Graphics · .svg

Расширение.svg
MIME-типimage/svg+xml
ТипИзображения
РазработчикW3C
Первый выпуск2001
Без лицензионных отчисленийДа
СжатиеНет

Что такое файл SVG?

SVG — векторный формат изображений на основе XML, стандартизированный W3C. Вместо пикселей он хранит фигуры, контуры, текст и градиенты как инструкции, поэтому логотип отображается идеально чётко в любом размере, от фавикона до билборда, а файл часто занимает всего несколько килобайт. Поскольку это текст, SVG можно править вручную, стилизовать через CSS и анимировать JavaScript.

Та же гибкость — его слабость. Фотографии нельзя выразить фигурами, сложные иллюстрации становятся тяжёлыми и медленными, а поскольку SVG может содержать скрипты и внешние ссылки, многие платформы очищают или отклоняют загружаемые файлы SVG. Растровые копии всё ещё нужны для почты, соцсетей и печатных процессов.

Когда SVG — правильный выбор

Сильные стороны

  • Бесконечно масштабируем: чёткий на любом экране и при любом размере печати
  • Крошечные файлы для логотипов, иконок, схем и диаграмм
  • Редактируемый текстовый формат, который можно стилизовать и анимировать в вебе

Ограничения

  • Не подходит для фото; детальные иллюстрации становятся большими и медленными
  • Отклоняется многими формами загрузки, так как может нести скрипты
  • Отрисовка немного различается между браузерами и редакторами

Как открыть файл SVG

Любой браузер отображает SVG; Inkscape, Illustrator, Figma и Affinity Designer его редактируют. Проводник Windows и многие просмотрщики показывают лишь общую иконку, поэтому для быстрого просмотра или вставки в документ конвертируйте его через SVG в PNG.

Как конвертировать файл SVG

SVG в PNG создаёт растр с прозрачностью для документов, презентаций и соцсетей, SVG в JPG — плоскую копию в стиле фото, а SVG в ICO — иконку Windows. Обратная трассировка растра в векторы возможна для простой графики через PNG в SVG.

Часто задаваемые вопросы

Почему мой SVG выглядит размытым после конвертации в PNG?

PNG был отрисован в маленьком пиксельном размере. У векторов нет собственного разрешения, поэтому при конвертации выбирайте большую ширину вывода; результат останется чётким до этого размера.

Можно ли конвертировать фото в SVG?

Только трассировкой, которая превращает области близких цветов в фигуры. Это работает для логотипов, силуэтов и простых рисунков; фотография превращается либо в огромный файл, либо в постеризованное приближение.

Безопасно ли загружать SVG?

SVG может содержать JavaScript и внешние ссылки, поэтому платформы очищают или блокируют его. Файлы, экспортированные из дизайнерских инструментов, обычно чистые; относитесь к SVG из неизвестных источников как к любому скачанному файлу.

Поддерживает ли SVG анимацию?

Да, через элементы SMIL, CSS-анимации или JavaScript. Браузеры их проигрывают; большинство редакторов изображений и конвертеров отображают только статичное начальное состояние.