Step 12: Image quality and file size / upload

How to correct upload images

The file size of your photos is the biggest factor that determines the loading time of your pages. As a file format, we therefore recommend using only .jpg in a ratio of 1400px / 1MB / 60% jpg quality for a photo with full screen width on desktop.

 

The difference in jpg quality between 60% and 100% is almost invisible in most cases, but it does ensure that your photo can be saved up to 4 times smaller in file size and will therefore be loaded 4 times faster.

 

Based on the full width rule 1400px wide / max 1MB file size, you can deduce proportionally what the ideal format is to optimally save a photo for display on the web. For example, if a photo is only half of your screen width, we recommend saving it at 700px wide with a maximum file size of 0.5MB or 500KB.

 

Below you will find some examples of how this translates proportionally to a grid of product photos:

  • product thumbnail for product overview in case of 4 columns : 350px header image maximum file size: 250KB or 0.25MB
  • product thumbnail for product overview in case of 3 columns : 450px header image maximum file size: 350KB or 0.35MB
  • product thumbnail for product overview in case of 2 columns : 700px header image maximum file size: 500KB or 0.5MB

 

If you are not entirely sure, contact your project manager and send us some examples so that we can offer you optimal support. The basis of a good website are photos that are not too small, but certainly not too large.