Что лучше для верстки svg или png?

Question

[Аня Князева]

Подскажите, пожалуйста, что правильнее использовать в HTML-странице для вставки небольших изображений?
Знаю, что существует множество форматов картинок. Но хочется, чтобы картинки занимали мало места при загрузке страницы и корректно отображались если вдруг понадобиться мне масштабировать эту картинку.
В чем различия форматов svg и png?

Comments

[Сергей Сергей]

вектор и растр — базовые понятия компьютерной графики.

Answer 1

[Eduard07]

Для верстки разницы нету, а для оптимизации и для красивой картинки, лучше использовать svg ( sprite.svg ) для иконок, а для картинок з альфа каналами webp / png, а если без то webp / jpg

Answer 2

[Владимир Коротенко]

Что есть вектор то svg что графика то png или jpeg. Кроме того настройте бандлер, он вам по необходимости встроит svg прямо в страницу и оптимизирует графику.