smart replace image sizes

[Gabriel Kardonski]

images should be saved in the size that they will be served.

if the width of the served image is fixed, the max should always be that fixed width.

for different screen sizes you can serve different images using the srcset attribute.

https://web.dev/use-srcset-to-automatically-choose-the-right-image/