what is the best image size for web design in 2022?

[wb_user]

I read some websites and it suggest to use 1920x1080.
is this image size really good for website?
I check and I think it not have good view in small devices.
What do you think about this?

[wwonderfull]

It would look sharp but at the same time you can use a breakpoint to replace the same image with a more mobile optimized image. 1920x1080 - 1366x768 screen size for image can be consider sharp for website making. But if you increase the screen size like 2k or 4k then it would make the page longer to load. And also it depends on what kind of hosting you have and if you have CDN to optimize your images. If you have CDN then high resolution images can load quicker and the website would be more optimized with sharp images. I think in mobile devices images should look sharp the same as desktop, maybe it is the mobiles issue idk.

Image content delivery networks (CDNs) are excellent at optimizing images. Switching to an image CDN can yield a 40–80% savings in image file size. In theory, it's possible to achieve the same results using only build scripts, but it's rare in practice.

CDN will definitely cost a good hosting plan but I can bet we can save the cost by just looking at the websites images from a bit far away so it does not look pixelated

[zinc]

I read some websites and it suggest to use 1920x1080.
is this image size really good for website?
I check and I think it not have good view in small devices.
What do you think about this?

The larger the better. Simple as that. There is no specific rule.

[wb_user]

thanks!

[crispy68]

I agree with Zinc but would like to add that the image should only be as large as it needs to be.

For example, if you are needing an image to be the background of the browser window on a desktop, then an image 1920px wide makes sense. However, if that image is to be the background of a layer that will only be 900px wide at its widest point, then the image should be resized to be around 900px wide.

The other thing you want to make sure is done is to optimize the image. I find that https://www.tinyjpg.com does a very good job of compressing the image with very little loss in quality. All images should be compressed for size and loading speed.

[wb_user]

I agree with Zinc but would like to add that the image should only be as large as it needs to be.

For example, if you are needing an image to be the background of the browser window on a desktop, then an image 1920px wide makes sense. However, if that image is to be the background of a layer that will only be 900px wide at its widest point, then the image should be resized to be around 900px wide.

The other thing you want to make sure is done is to optimize the image. I find that https://www.tinyjpg.com does a very good job of compressing the image with very little loss in quality. All images should be compressed for size and loading speed.

thanks <3