Almost EVERYONE who tried headless systems said they saw benefits. Download the state of CMS now!

Storyblok now on AWS Marketplace: Read more

O’Reilly Report: Decoupled Applications and Composable Web Architectures - Download Now

Empower your teams & get a 582% ROI: See Storyblok's CMS in action

Skip to main content

What can I do when my images are displayed in a wrong orientation?

  • FAQ
  • What can I do when my images are displayed in a wrong orientation?

It can happen that your images are being shown like the following example:

Image in wrong orientation

The reason for this can be that they have been rotated before the upload or because they contain EXIF data which cause that the images get rotated.

Section titled Solve with Image Service & Rotation Solve with Image Service & Rotation

One solution for fixing this is to remove the EXIF data when existing or to use the rotate filter of the Image Service like this example link shows:

https://a.storyblok.com/f/246153/427x640/04db4e7849/icelandic-fields-nature-slanted.jpg/m/filters:rotate(-90)

This will turn the image clockwise by 90 degrees and show the image in the correct orientation:

Image in correct rotation

Section titled Using the Image Editor Using the Image Editor

You can also change the rotation of your image using the Storyblok Image Editor. To do this, navigate to your Assets tab {1} and click on the horizontal Ellipsis icon to select the Image editor {2}.

Navigating to the image editor from the assets tab

Navigating to the image editor from the assets tab

Next, rotate the image to your desired orientation, click on the dropdown, and Save as new {1} image.

Resizing images and saving as new

Resizing images and saving as new

It's important to note that there are tools like Exif Viewer and Exif Data viewer which can be used to modify and remove exif data from your images.