The purpouse of this page is to show how hi-res scene 7 images can be served to the client in an efficient manner with the use of the correct Scene7 presets.
The source image used for this example was 225kb in size with dimensions of 2540x797px and had a flat background colour. The examples below show that rendering these types of images as JPEGs instead of PNGs reduces images sizes by a factor of 4. In addition, serving the right size image (6 col vs 12 col) delivers a futher 4x improvement in image size.
The source image used for this example was 1111kb in size with dimensions of 2540x1111px. JPEGs don't support transparent backgrounds so examples are only PNG. Please note that PNGs should only be used when an image is required to sit on a non-white background.