Setting up responsive images in Drupal 8

[@FredericoGarzaJr]

Great tutorial! It is straightforward and concise. Thank you for taking time to do this!

[@GisleHannemyr]

At 0:53, there is a reference to a "previous video" that seems to to some setting up necessary to be able to follow this, but I am unable to find it. Can you provide a link?

[@RPPDesigns]

kzbin.info/www/bejne/m4icgZ6paNirl6M

[@MuhammadUsman-bh8kn]

You can find it at kzbin.info/www/bejne/m4icgZ6paNirl6M&ab_channel=DrupalUp-Drupal8VideoTutorials

[@FikiFirmansyah]

Hi. I have a question. Does the page request 3 different images? And only display the one that match with screen resolutions?. If no, that's awesome. If yes, that's mean my page size is higher than standard static image styles. Thanks.

[@Drupal-up]

Yes, it requests just the image that matches the screen size. If you are using Chrome and you open the Developer network tab - you would see that if you refresh the page with a certain resolution - you would get different image sizes. It is basically implementing the picture html tag ( www.w3schools.com/tags/tag_picture.asp ). Cheers!

[@FikiFirmansyah]

@@Drupal-up i thought it was rendered 3 images (10:01). Thank you very much 👏. Very well explained.

[@HannesKirsman]

I would advise removing width/height from machine name so it would make more sense later if you change the label and value.

[@Drupal-up]

Yes Hannes, you are very right! Good point!

[@beto.aveiga]

Thanks for all the useful videos. I think this one has an issue regarding the multipliers, simply because you are using the same width for 1x in 2x images. If 1x is 800px, 2x should be 1600px. Right? What do you think?

[@chipsybit8046]

Can you pls correct the video title? "20 November 2018" it's a bit strange if the content is about responsive images :)

[@Drupal-up]

Hi Chipsy Bit, yes of course. Thanks for mentioning! This time I uploaded it from my phone and I thought it will keep it unpublished. Now I see it is not actually the case 😅