Scene7 image preset examples

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.

Solid background

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.

12 Column PNG8-Alpha

165kb

12 Column JPG

47kb

6 Column PNG8-Alpha

53kb

6 Column JPG

15kb

Transparent background

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.

12 Column PNG8-Alpha

269kb

6 Column PNG8-Alpha

65kb