Via the image settings you can edit the format as well as the focus of each image. This way, you don't need any additional software to make minor format adjustments.
Topic overview:
- How to edit the format of images in content elements (except Image slider and Image gallery)
- How to edit the format of product images
How to edit the format of images in content elements (except Image slider and Image gallery)
- In the sidebar of the cockpit, navigate to Editor.
The Editor opens. - Navigate to Pages.
- Select the page you want to edit.
A preview of the page opens on the right-hand side. - Hover over the image you would like to edit and select
.
This is available for all Images content elements in the Editor, except the Image slider and the Image gallery. - Adjust the image format by performing the following actions:
Action Description Zoom in/out Use the slider to zoom in/out. This can be useful, for instance, if you would like to show a specific detail of the image.
Change the aspect ratio/shape Select
to open an additional menu for the different options.
To display the image in a square format, you can select between different aspect ratios:
(1:1),
(2:3),
(3:1),
(3:2),
(4:3) or
(16:9). The aspect ratio refers to the proportional relationship between the width and height of an image.
To display the image as a circle, select
.
To restore the original shape/format, select
.
Note
If you present several images next to each other, make sure that all images have the same aspect ratio/shape to achieve a coherent look.Change the displayed image area Drag the image to display a specific area of the image.
If you haven't changed the aspect ratio/shape or the zoom yet, this option is not available.
To select the displayed frame more precisely, use the arrow buttons on the edges of the image:
Note
To replace the image, select.
- Once you are done, select Save.
You have edited the format of an image in the Editor. To adjust the format of other images, repeat the steps above.
How to edit the format of product images
- In the sidebar of the cockpit, navigate to Products.
- Select a product from the Product overview.
- On the card Images and video, select
for the image would like to edit.
A pop-up opens. - Adjust the image format by performing the following actions:
Note
The highlighted area within the blue border shows the part of the product image that will be shown on your website when you select Save.Action Description Rotate image Use
or
to rotate the image by 90° to the left or right.
It is not possible to freely rotate the image.
Change the aspect ratio To set one of the predefined aspect ratios, select
(1:1),
(2:3),
(4:3),
(16:9) or
(3:2). The aspect ratio refers to the proportional relationship between the width and height of an image.
To set a custom aspect ratio, select
. You can now drag and drop the blue border to reformat/resize the area or enter the dimensions in pixels in the fields Width and Height.
Note
For a more consistent look, try to use the same aspect ratio for all your product images.Resize the area that should be shown Drag and drop the blue border to resize the area. The format of the blue border depends on the selected aspect ratio. Zoom in/out
Use
and
to zoom in/out. This can be useful, for instance, if you'd like to show a specific detail of the image.
Change the displayed image area Drag the highlighted area to a different position.
To select the displayed part of the image more precisely, use the arrow buttons:
Reset Use
to reset your current design settings regarding the size of the displayed area, its position, the zoom and the orientation of the image.
Caution
Reset does not restore the image to its original state when you first uploaded it. It only resets the settings that you have just made and not yet saved. - Once you are done, select Save.
You have edited the product image format. To adjust the format of other product images, repeat the steps above.