Next.js Discord

Discord Forum

<Image /> and small devices

Answered
oxmaster posted this in #help-forum
Open in Discord
I'm sorry for the stupid question. It's basically obvious, but I'd like to clarify something. It is written that the <Image/> tag automatically adjusts the image to smaller devices. So here's the question. It turns out that it's enough for me to upload, for example, one of the largest images for a PC and it adapts it to all devices by itself?
Answered by DirtyCajunRice | AppDir
you put the largest version in the build. then next optimizes.
View full answer

8 Replies

it adjusts the pixel count. it doesnt change your website view width and height
I didn't quite understand what the website and its width/height have to do with it. Does this component actually optimize the image for mobile phones? (except for quality=75)
I just don't understand how to use it more correctly. Should I dynamically substitute width and height for a component with a mobile adaptive? Or is it possible to set the largest width and height for the PC, and then use sizes to change the size?
@DirtyCajunRice | AppDir use sizes.
and initially upload a picture for a PC and set the width and height for it? It's just that if you download the mobile version and stretch it on a PC, it won't look very nice.
Answer
not the other way around
@DirtyCajunRice | AppDir not the other way around
Well, that's what I'm asking for. Do I need to put the largest version of a possible picture? You answered yes now, and I understand you. Thanks again :box_cat_hide: