Почему размеры picture не совпадают с размерами img?

Question

[hundred]

Использую picture чтобы вставить адаптивную картинку.
Но часто высота или ширина picture не совпадают с размерами img.
У img размеры заданы, у picture ничего в стилях не прописано.
Например, в таких ситуациях возникают проблемы с центровкой изображения в блоке.

<picture>
            <source media="(min-width: 1440px)" srcset="img/logo-desktop.svg" width="202" height="59">
            <source media="(min-width: 768px)" srcset="img/logo-tablet.svg" width="174" height="52">
            <img class="logo__img" src="img/logo-mobile.svg" width="34" height="auto" alt="">
</picture>

Вставил этим кодом, смотрю в браузере на ширине 320, высота img 19.19px , а высота picture 27.19px.
Откуда взялась разница в 8px ?

Answer 1

[Danny Arty]

Задайте картинке свойство:

img.logo__img {
display: block;
}