Why does cloudinary rotate my vertical images?

Follow

Nicholas Wang

• July 08, 2017 17:34

When I upload photos to my cloudinary console, it rotates all my vertical images to be horizontal, and when I want to use them in my website they appear incorrectly rotated.

The thumbnail is always incorrectly rotated, but when I actually go to the cloudinary link in my browser it is correctly rotated.

I tried doing the fix from this forum post: https://support.cloudinary.com/hc/en-us/articles/207045765-Why-does-Cloudinary-Incorrectly-rotate-my-image-

but it did not change anything, it just made both the thumbnail and when I go to the link in my browser incorrectly rotated.

Here is an example of what it looks like in my console, the top image is correctly oriented while the bottom one is not.

 

1

• Official comment

  

  Shirly Manor

  • July 12, 2017 03:34

  When applying a transformation, Cloudinary automatically rotates images based on their EXIF information.

  For example, looking at the EXIF of this image http://res.cloudinary.com/dzaqyjci6/image/upload/w_200/50%20Alice%20Street%20Unit%20C%2C%20Arcadia%2C%20CA%2091006/IMG_0686_ojgifv.jpg you can get the orientation of the image. In this case, it set to Rotate 180 CW.

  Therefore, Cloudinary, by using the image's metadata, makes sure the image is correctly rotated before delivery.

   

  Thanks :)

  Comment actions Permalink
• 

  Shruti Gupta

  • October 10, 2018 14:43

  Hi Shirly,

  You reply was very helpful. But is there a way in cloudinary that while uploading I some how can prevent the orientation metadata to be sent ?

  0

  Comment actions Permalink
• 

  Aditi Madan

  • October 10, 2018 17:27

  Hi Shruti,

  You can prevent auto-orientation by setting the 'angle' parameter to 'ignore' (i.e. `a_ignore`), for example:

  http://res.cloudinary.com/demo/image/upload/w_0.12,e_grayscale,a_ignore/exif_sample.jpg

  For more information: https://support.cloudinary.com/hc/en-us/articles/203504771-Why-is-my-transformed-image-orientated-differently-when-compared-to-the-original-

  0

  Comment actions Permalink
• 

  Minerva Ballet

  • February 10, 2019 10:14

  I have come across this issue using Rails 5.  I have tried to pass this parameter several ways but it still doesn't work.  Is there a code example in Ruby you can point me to? I have tried passing :transform=>'a_ignore but it still rotates images, usually photos taken on iphone.

  0

  Comment actions Permalink
• 

  Raya Straus

  • February 10, 2019 14:23

  Hi Minerva,

  Can you please open a ticket at support@cloudinary.com with more information on your implementation along with the resource you're attempting to transform? 

  0

  Comment actions Permalink

Post is closed for comments.