Адаптивное изображение svg

Здравствуйте, столкнулся со следующей проблемой:

<picture>
 <source media="(min-width: 768px)" srcset="img/triple-set-tablet@1x.jpg 333w"/>
 <img src="img/triple-set-mobile@1x.jpg" width="260" height="315" alt="baskets" title="baskets">
</picture>

Если не убрать размеры у тега img,будет отображаться картинка с шириной 260px и высотой 315.

Насколько я понял значение атрибута srcset всего лишь подставляется в src,но почему с svg все отображается корректно?

<picture>
 <source media="(min-width: 768px)" srcset="img/logo-tablet.svg 113w" />
 <img class="page-header__logo-img" src="img/logo-mobile.svg" width="86" height="35" alt="Логотип" title="Логотип">
</picture>