Чем отличаются инструменты image и picture в панели инструментов?

Сообщение **qwertuz** » 16 фев 2019, 17:42

Привет!
Подскажите начинающему в чем отличие инструментов image и picture при вставке фоток?

Заранее благодарен.

Элемент HTML5 <picture> представляет собой контейнер, используемый для указания нескольких изображений для различных разрешений экрана или видового экрана. Браузер выберет наиболее подходящее изображение в соответствии с текущим макетом страницы и устройством, на котором оно будет отображаться.

Для точек останова можно указать различные изображения. Он также поддерживает дисплеи с высоким разрешением с использованием дескрипторов плотности пикселей, таких как 1x, 1.5 x, 2x и 3x. Например, можно включить различные версии изображения, используя следующие имена: filename@1.5x.png, filename@2x.png

ps чисто со справки передрал :-)