Что такое SVG? Простое объяснение векторного формата

1. Что такое SVG?

SVG — это Scalable Vector Graphics (масштабируемая векторная графика): открытый векторный формат на основе XML, стандартизованный W3C. Там, где PNG и JPG записывают изображение как сетку пикселей, SVG описывает фигуры математическими формулами: прямая, окружность, кривая Безье — всё это записывается в файл координатами и командами пути.

Именно поэтому SVG никогда не размывается при увеличении: браузер просто перерисовывает формулы в новом размере вместо растягивания пикселей. Именно это и означает слово «вектор».

2. SVG против PNG / JPG

Аспект	SVG	PNG / JPG
Как хранит изображение	Математические пути (вектор)	Сетка пикселей (растр)
При увеличении	Масштабируется бесконечно без искажений	Появляются «ступеньки» и размытие
Размер файла	Крошечный для простой графики (несколько КБ)	Растёт пропорционально разрешению
Редактируемость	Текст, который можно править, красить и анимировать	Нужен графический редактор
Лучше всего подходит	Иконки, логотипы, иллюстрации, графики	Фотографии и сложное освещение

3. Где обычно применяют SVG

• Иконки сайтов и логотипы: один SVG подходит для любой плотности экрана и остаётся чётким на Retina-дисплеях;
• Иллюстрации и графики: библиотеки визуализации данных ECharts и Recharts по умолчанию выводят SVG;
• Печать и гравировка: лазерные гравёры, резаки для винила и UV-принтеры широко принимают пути SVG;
• Анимация: пути SVG напрямую управляются через CSS / SMIL / JavaScript, что позволяет делать эффекты рисования штриха и многое другое.

4. Как открыть и отредактировать SVG?

Любой современный браузер (Chrome / Edge / Firefox / Safari) открывает SVG-файлы напрямую, а графические программы вроде Illustrator, Figma и Inkscape (бесплатной) умеют их редактировать. Если нужно лишь перекрасить, убрать фон или стереть часть рисунка, используйте онлайн-редактор SVG от PolySVG — устанавливать ничего не нужно.

5. Как превратить мой PNG / JPG в SVG?

Воспользуйтесь инструментом «Изображение в SVG» от PolySVG: загрузите растр, и собственная модель автоматически выполнит квантование цветов, трассировку контуров и подбор кривых, дав редактируемый SVG за несколько секунд, с удалением фона в один клик. Весь процесс бесплатен и не требует регистрации.

Итог: SVG — формат, который «рисует формулами», поэтому он естественно подходит для иконок, логотипов и всего, что должно масштабироваться; для фотографий по-прежнему лучше JPG / WEBP.