Images in your shop

There are various options to add images to your shop. For best results, it is recommended to use images in the file formats JPG or PNG. For further information, refer to Learn about image file formats.

Content elements with images

In the Editor, you can add images by using image content elements. You can choose from a large selection to create your desired design.

To add image content elements to your shop, navigate to Editor in the sidebar of your administration and select Content elements → Images. You can now drag and drop them to the desired positions and add your desired pictures.

After you have added an image to an image content element, you can make changes to its size, aspect ratio, and more. For further information, refer to Edit the format of images.

The following content elements contain images:

Content element	Description
Image slider	Several images that are shown in rotation. You can determine how long each image should be shown and edit the images. For further information, refer to Display large-format images in an image slider.
Image, single column	A single image is displayed in a single column.
Image, two columns	Two images that are displayed next to each other.
Image, three columns	Three images that are displayed next to each other.
Image and text, two columns	A single image with a text field next to it.
Text and image, two columns	A text field with an image next to it.
Image with text, two columns	Two images that are displayed next to each other with a text field below each image.
Image with text, three columns	Three images that are displayed next to each other with a text field below each image.
Image gallery	Several images shown in a grid layout. For further information, refer to Display images in an image gallery.

Info

Text, images, and videos are arranged slightly differently on mobile devices than on desktop computers. For example, on most smartphones the content element Image, three columns displays the three images below each other. For further information about responsive design, refer to the article What does "responsive" mean?

Troubleshooting for images in content elements

In the following sections you will find information on how to solve different issues/errors that can occur when adding images to content elements.

• Your shop supports the following image file formats: JPG, PNG, and GIF. If your images are not in one of these formats, you will need to change their file format to be able to upload them to your shop. For further information, refer to Learn about image file formats.

• If the file size of an image exceeds 20 megabytes (MB), you have two options:

  Option 1: Change the image file format

  You can upload images to your shop in the JPG, PNG, or GIF format. These formats have different characteristics which also affect the file size. Thus, changing the image file format might reduce the file size. For further information, refer to Learn about image file formats.

  Option 2: Compress the image

  You can compress the image to reduce the file size (e.g. by reducing the resolution). To do this, you can use basic image editors, for example when you open the image on your device. For further information on how to do this, refer to the help information of your chosen tool. Alternatively, you can also use various free online tools.
  
  Note that the image quality might be affected when compressing the image.

• Depending on the size of the image you would like to add to a content element, the upload might take a while. As soon as the image has been uploaded, you can edit and save it.

• You can upload GIFs to image content elements, but they cannot have more than 100 frames. There are free online tools available that can help you with reducing your GIF’s frame rate. For further information about GIFs, refer to Learn about image file formats.

• Your shop supports image resolutions with a maximum width of 7000 pixels and a maximum height of 7000 pixels.
  
  If your image exceeds this resolution, you can reduce its size with the help of basic image editors, for example when you open an image on your device. For further information on how to do this, refer to the help information of your chosen tool. Alternatively, you can also use various free online tools.
  
  Note that the image quality may be affected when you reduce the resolution.

Product images

To learn how to add and edit images to your products, refer to Add and edit product images.

Logo

To learn how to upload an image to be displayed as your shop logo, refer to Use a logo.