Munu Webshop can be used with or without pictures, oblong and square pictures, and any number of columns on the desktop. This flexibility has been created because different customers have different images and needs.

The Webshop is responsive and the content adapts to the device, configuration and screen. It is therefore important to have a conscious relationship with how you want to use your photos.

<aside> 😊 TIP: Decide on one image format and apply it to all images. You can choose between landscape format or square format. The display of the web page is responsive, which means that it adapts somewhat to the size of the screen on which it is displayed. Images in various formats will automatically fill the box and be centered. This means that if the images are different, the result will be different. Keep some air around the subject and preferably center the subject.

</aside>

Article list page

Oblong image:

Square image:

Article detail page

With image:

Without image:

Image size

Depends on which layout choices you make:

• Square or oblong image
• If you do not want to use the article detail page with an image, the images can be small as they will only show in the article list.
• If you are going to use an article detail page with a picture, this is what you take as a starting point when you save the pictures.

For oblong images with detail side: 800x500 px. (without detail side it’s ok with 450x280px)

Square images with detail side: 800x800 px. (without detail side it’s ok with 120x120 px.)

Reduce the file size as much as you can. The solution supports, gif, png and JPG. Recommend saving for web and as progressive JPG as this provides better loading on the website.

<aside> 😊 TIP: If you use a photographer, ask for the photos to be delivered in pre-compressed and ready to upload

</aside>

Examples: