Hi guys. I would like to know what other users do on designing websites for desktop when the required images are larger than 4000 pixels.

For example: let’s say I am working on a website where the maximum width is 1680 pixels.

It’s ‘main’ or so called ‘hero’ section is full width so in terms of pixel density: for 1x devices I need to serve a background picture that is 1680 pixels width, for 2x devices the picture will be 3360 pixels and for 3x devices it should be 5040 pixels… but that’s not possible in Figma so in this last case I need to open Photoshop and export that 3x version. Otherwise the 3x picture would look pixelated.