Bilder och bildstorlekar

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 Redigera innehållet på en sida.

These content elements contain images:

Content element

Description

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 Vad betyder "responsiv"?


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 Redigera innehållet på en sida.

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.

Product images

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 Hantera produkter.

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.

Logo

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