Img srcset size

HTML-CSS
1

Hi, i’ve this

  <img class="poster" srcset="https://image.tmdb.org/t/p/original/kqjL17yufvn9OVLyXYpvtyrFfak.jpg 1024w,
                                            https://image.tmdb.org/t/p/w780/kqjL17yufvn9OVLyXYpvtyrFfak.jpg 700w,
                                            https://image.tmdb.org/t/p/w500/kqjL17yufvn9OVLyXYpvtyrFfak.jpg 400w"
                                    sizes="100vw" 
                />

i want that the Browser load w500 if it’s a mobile display, w780 if its tablet and original if it’s a pc screen

how i can do it???

2

Check about media queries, you can write the css rules with that so that it depends on the dimension of the page

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

3

Check out this MDN article on responsive images it has a comprehensive rundown of how to use srcset.

4