В чем разница между SVG и PNG

SVG (Scalable Vector Graphics) — векторный формат, основанный на XML. Масштабируется без потери качества, поддерживает анимацию и интерактивность через CSS/JS. Идеален для логотипов, иконок, графиков. PNG (Portable Network Graphics) — растровый формат с поддержкой прозрачности (альфа-канал). Чувствителен к масштабированию (теряет качество при увеличении), но лучше подходит для сложных изображений (фотографии, скриншоты). **Пример SVG:** ```xml ``` **Когда использовать:** - SVG: UI-элементы, графика, где нужны четкие линии на любых размерах. - PNG: Фотографии, изображения с прозрачностью, где важны детали.