Responsive Images Question
Unanswered
Sweat bee posted this in #help-forum
Sweat beeOP
Given is this example: https://image-component.nextjs.gallery/responsive
Can someone explain why the browser uses the wrong image when opening the page in mobile (iphone SE)
It returns the 750w image instead of the 640w
Can someone explain why the browser uses the wrong image when opening the page in mobile (iphone SE)
It returns the 750w image instead of the 640w
6 Replies
Are you passing that width or height into the img element/Image component?
If yes then it seems to be working correctly. Its pulling the the srcset closest to that width without losing quality
Sweat beeOP
but if the device width is 375px, shoud it not fetch the image with w=640 ?
@Clown Are you passing that width or height into the img element/Image component?
Sweat beeOP
no Iam using fill cover
Sweat beeOP
am I missing something?