Как работает дескриптор w в атрибуте srcset?

Вот, к примеру, у меня есть такой код:

<img src="images/space-needle.jpg" srcset="images/space-needle.jpg 200w, images/space-needle-2x.jpg 400w, images/space-needle-hd.jpg 600w">

Как он будет работать? Если окно браузера составляет 200px, то будет отображаться первое изображение из srcset, если окно браузера - 400рх, то будет отображаться второе изображение из атрибута srcset... Как это работает?

Также не совсем понятно использование атрибута sizes в связке w. Чем w отличается от sizes? Что будет делать вот такой код, например:

<img src="images/space-needle.jpg" sizes="50vw" srcset="images/space-needle.jpg 200w, images/space-needle-2x.jpg 400w, images/space-needle-hd.jpg 600w">

Заранее огромное спасибо)