Подскажите как правильно работать с картинками. Есть много мелких картинок. они

Question

Подскажите как правильно работать с картинками. Есть много мелких картинок. они

используются в карточках товара. карточек в списке 100500.

те есть список карточек
и в компоненте карточки вот так-

import img1 from '/img/img1.png'
import img2 from '/img/img2.png'
...
<img :src="img1" />
<img :src="img2" />

Чувствую что чтото делаю не так как надо.
1) картинки каждый раз загружаются в кадждой карточке? может их гдето в маин жс загрузить и раздавать по проекту?

2) если делать формат svg для каждой отдельной картинки, то он раза в 3-4 больше чем пнг. Есть ли смысл делать какой-нибудь спрайт и его загружать както 1 раз и его использовать?