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.

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://img2.storyblok.com/0x640/filters:rotate(-90)/f/88751/2973x4460/04c1a9bead/icelandic-fields-nature.jpg

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

Image in correct rotation

Solve with Photoshop

When you go to File > File Info, select Raw Data. The orientation data will be available under Orientation as a number which you can adjust and correct before uploading.

  • 1 = Horizontal (normal)
  • 2 = Mirror horizontal
  • 3 = Rotate 180
  • 4 = Mirror vertical
  • 5 = Mirror horizontal and rotate 270 CW
  • 6 = Rotate 90 CW
  • 7 = Mirror horizontal and rotate 90 CW
  • 8 = Rotate 270 CW