How to cut out pictures from the layout?

Question

Images

There is a layout of the online store.
There are 2 pages where the same pictures but with different sizes. (in one 360x240 on another page the same picture is 800x400) how can I cut out these images, cut out one of the largest ones or cut out both?
Although the original of the picture itself is in figma 1920x 1024.

Answer 1

Pros in the direction of cutting out one picture:
- Easier to replace in case of something
- It will be immediately cached and will not be loaded again when switching to another page
Pros in the direction of cutting out two pictures:
- If, nevertheless, the visitor does not go to the second page, then it In this case, there will be traffic savings
- you can control how the resizing process goes, select the desired filter
. In general, if this is something like a banner, I would not bother and would follow the path of least resistance.