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