В чем разница между SVG и другими форматами изображений

SVG (Scalable Vector Graphics) — векторный формат, основанный на XML. В отличие от растровых форматов (JPEG, PNG, GIF), SVG использует математические формулы для описания фигур, что позволяет масштабировать изображение без потери качества. **Ключевые отличия:** - **Масштабируемость:** SVG сохраняет четкость на любом размере, растровые изображения пикселизируются. - **Вес:** SVG часто легче для простых графиков и иконок, но может быть тяжелее для сложных сцен. - **Редактируемость:** SVG можно изменять через CSS/JS, встраивать прямо в HTML. **Пример встраивания:** ```html ``` **Когда использовать:** - Иконки, логотипы, графики. - Анимации и интерактивные элементы. - Адаптивный дизайн. Для фотографий лучше подходят JPEG/PNG из-за детализации и сжатия.