Upscaling images on websites?

I’m working on my portfolio project and I want to add full weight image on my site, but what is commonly used:

big image to cover even 4K displays but with big size (MB) ?


smaller image that upscales if needed with smaller size?

thanks for responses

This has been a major issue for years, especially with the advent of mobile internet.

Fortunately, browsers are getting smarter all the time. Here is one method that probably suits your purposes:

Rather than have a massive image and scaling it down visually, the trick is to serve an appropriate image depending on resolution.


Thanks! That’s what I was looking for. :slight_smile: