Thank you for your video. What if there are several photos in the code, and they are superimposed on each other, and they need to set styles? How to set styles for them if they are in tag?
I watch also the Video from Kevin Powell. And thanks to your both videos I finally understand it. Had a grid 6withhigh quality images on desktop and all were loading full size, slowed down so much the speed because it was a grid 6 but with 4 rows xD thanks to media query I can set the width now much smaller and its loading much faster 🎉
Thanks for the video! Brilliant! One question - how would you solve to have different css rules for portrait and landscape images? Without cropping them and JS.
Thank you so much, sir. May I ask, should this apply to every image in a website, even if the website hosts hundreds and more images? Should it be restricted to may be a particular category of images?
@@CodeLab98 Thank you very much. I was looking at the massive amount of work of producing about 6 versions of every image, organizing them, and Production Server storage space requirement! Still, thanks for the eye-opener.
Mate your awesome I'm still learning html and CSS I have a radio station responsive website and Im trying to center an image underneath a tab as when you scroll right you see the image? So tvm your quality
I can't able to understand density pixel way as why we are using big images for high resolution device and small images for low resolution device. Can someone explain me.
But mobile devices have 3x density. That means on mobile devices you would get the 1300px image and not the 600px one right? Woudn’t it be bad for the performance?
About performance: Fully agreed it's to be taken into consideration.... BUT. Some projects you may be able to afford to not care. If the primary use case is overwhelming larger devices/desktop types of users, but your project needs to support basic accessiblity for phones, then do you need/should be overwhelmingly concerned with img load performance on smaller devices? Maybe, but maybe not. Also depends on what the project does - if it's a gallery of images, obviously it's going to matter. but if you just have a few images every once a few pages? Maybe not.
Well from the comments I think I would have liked the information. But the music is louder than your fast speech and I can’t make sense of what you’re saying.
![srcset and sizes attributes - [ images on the web | part one ]](http://i.ytimg.com/vi/2QYpkrX2N48/mqdefault.jpg)
I have been looking for tutorials for responsive images for my project and yours got everything that I needed. Thanks
Glad I could help!
He is so calm
I will recommend anyone who want to learn to learn from him cause he is just too understanding 💯💯💯
wow man a high quality content ❤
good tutorial about responsive images, with a lot of details! keep up with this quality
Thank you for your video. What if there are several photos in the code, and they are superimposed on each other, and they need to set styles? How to set styles for them if they are in tag?
Thanks 🎉
Glad you liked it!
I watch also the Video from Kevin Powell. And thanks to your both videos I finally understand it. Had a grid 6withhigh quality images on desktop and all were loading full size, slowed down so much the speed because it was a grid 6 but with 4 rows xD thanks to media query I can set the width now much smaller and its loading much faster 🎉
Finally This What I Wanted !!!!!!
Your video is amazing!, Thank you
Loved Your content bro ,
Keep up the good work . You'll hit 1m soon , my prayer's with u......
Excellent video - Thank you so much
this is absolutely brilliant, i'm just getting into development and this info was super helpful!
Glad you enjoyed it!
Thanks for the video! Brilliant! One question - how would you solve to have different css rules for portrait and landscape images? Without cropping them and JS.
Brilliant video, thank you very much - it helped me a lot!
Really good video and you explain everything very well. You deserve more subscribers!
Thank you so much 😃
What about 4k screens now days. Should you just keep HD images or scale in 4k, HD as well?
Thank you so much, sir.
May I ask, should this apply to every image in a website, even if the website hosts hundreds and more images? Should it be restricted to may be a particular category of images?
Preferably all images to maximise performance…but if this isn’t possible then..at least your main images
@@CodeLab98
Thank you very much. I was looking at the massive amount of work of producing about 6 versions of every image, organizing them, and Production Server storage space requirement! Still, thanks for the eye-opener.
Mate your awesome I'm still learning html and CSS I have a radio station responsive website and Im trying to center an image underneath a tab as when you scroll right you see the image? So tvm your quality
underrated
Great videoooo
Glad you enjoyed it
I can't able to understand density pixel way as why we are using big images for high resolution device and small images for low resolution device.
Can someone explain me.
But mobile devices have 3x density. That means on mobile devices you would get the 1300px image and not the 600px one right? Woudn’t it be bad for the performance?
Good info. Thanks!
Glad it was helpful!
About performance:
Fully agreed it's to be taken into consideration.... BUT. Some projects you may be able to afford to not care. If the primary use case is overwhelming larger devices/desktop types of users, but your project needs to support basic accessiblity for phones, then do you need/should be overwhelmingly concerned with img load performance on smaller devices? Maybe, but maybe not.
Also depends on what the project does - if it's a gallery of images, obviously it's going to matter. but if you just have a few images every once a few pages? Maybe not.
codelab thank you for the video. my question is how do we know which image we should use these techniques for?
can we use it for logos and other
hi nice video but how can you add responsive web design when there is text besides an img
Good content.
Glad you enjoyed it
Some vids already have a button to tip the content creator in youtube. I hope you can have that. Or upload a course in udemy :(
Will be looking to create courses start of next year 😊
👍👍👍👍👍👍👍👍👍👍
Dont get it... Your 1x is 1000w, your 2x is 1300w. Shouldn't the 2x be 2000...? etc
Are you on twitter?
Hi David, I plan on opening an account, but currently only have an active Instagram.
@@CodeLab98 bro your Insta acc
Well from the comments I think I would have liked the information. But the music is louder than your fast speech and I can’t make sense of what you’re saying.
Speaker is speaking way too fast and background music is annoying. Great content apart from these very distracting elements.