Why does cloudinary rotate my vertical images?
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.
-
Official comment
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 :)
-
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 -
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 -
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 -
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
Post is closed for comments.
Comments
5 comments