Reply To: Images and Colors customisation
Hello, sure, let me try to explain.
We use Bootstrap as framework for our template, and the responsive images with the img-fluid class – https://getbootstrap.com/docs/5.2/content/images/#responsive-images – works setting css with max-width for those images, so you basically need to use images that fill the container/grid column width – JPG images with 80% quality are good enough for most of the cases and the performance will be better. We basically use SVG for icons and other design elements, transparent PNGs for images with transparent background and JPG 80% for content images. All images will be responsive for any resolution that way.
We also recommend to use retina image with srcset, you can find more details in this post: https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/#using-srcset
Hope that helps.