Images and image sizes
There are various kinds of images in your shop:
- Images that you can manage in the editor
- Images in an image slider
- Product images
- Your logo
We recommend that you always use images in the file format JPG or PNG.
Below you will find detailed information about all kinds of pictures.
Images that you can manage in the editor
To manage such images, select Content in the main menu in your shop's administration area. There you can find content elements that you can use to add pictures. More information about adding images can be found in the article Editing the content of a page.
These content elements contain images:
Image, single column
An image is displayed in a single column.
Image, two columns
Two images are displayed besides each other. Please pay attention that both images have the same height.
Image, three columns
Three images are displayed besides each other. Please pay attention that both images have the same height.
Image and text, two columns
An image is displayed and a text besides it.
Text and image, two columns
A text is displayed and an image besides it.
Image and text, three columns
Three images are displayed besides each other and below every image there is a text. Please pay attention that all images have the same height.
After adding images to your shop please check if the result looks as expected.
On devices such as smartphones, text, images, and videos are arranged differently than in the desktop version of your shop. For example, on most smartphones the content element Image, three columns displays the three images below each other. More information about responsive design can be found in the article What does "responsive" mean?
Images in an image slider
With an Image slider you can show several large pictures successively. These images are added in the editor: In the administration area in the main menu, select Content. There you will find the Image slider option in the Content Element section. More information can be found in the article Editing the content of a page.
Here are the preferred sizes of the image slider images according to the theme you are using:
- Neutral: 1400 x 686 pixels
- Vision: 2000 x 500 pixels
- Essence: 1400 x 412 pixels
- Limelight: 2000 x 500 pixels
- Editorial: 2000 x 500 pixels
- Uptown: 1400 x 686 pixels
- Structure: 1400 x 412 pixels
If you use the theme Vision, Limelight or Editorial please note: Depending on which device a visitor to your shop uses, images of the image slider may be cropped and will not be displayed entirely. Important image content should, therefore, be placed in the center of the image.
You can edit product images in the administration area directly at the products: In the administration area in the main menu, select Products and then View products. In the table, select the Product number of the product whose images you want to edit. Then you can edit the pictures under Images. For more information about managing products, see the article Managing products.
For best results, product images should be at least 1100 x 1100 pixels in size and have the same image format (for example, square, wide, or portrait). The background of the images should be removed so that they have a clear white background.
You can upload a logo for your shop, that is then displayed on every subpage of your shop.
To upload or change your logo, select in the administration area in the main menu Settings and then General. On this page, you can edit the logo under Shop details. Save the changes.
The logo should have a size of at least 200 x 200 pixels.
The size in which the logo will be displayed in your shop depends on the design theme you have selected.
Keywords for this article
pictures resizing, pictures cropping, size, picture edition, fit the frame, slider, product picture