Background image rotated 90 degrees

Question

I added a background image inside the container that was smaller than the image. That was part of the plan. Despite the fact that he automatically rotated himself 90 degrees, nothing touched without me (there were 3 other boxes with the same settings, but not the same image). Any idea how to fix this, or what is happening?

EDIT: The problem is solved, Kyle Schrader told me to use the EXIF ​​tool that I did. This told me that the photo was rotated 90 degrees, in meta, although it looked great. I used the exif editor and placed it in a horizontal position (the normal value for the photo) instead of Rotated 90 CW.

Answer 1

If the image has the EXIF ​​orientation set, some browsers will interpret this and automatically rotate the image. You can use a tool like EXIF Data Viewer to quickly check that this does not apply to you.

If so, you can solve the problem in your style sheets or in the image file itself.

To solve this problem with CSS, use the css property for image orientation to set the image orientation. image-orientation: 0deg; - this is what you could use in your case.

To remove an EXIF ​​tag from a file, you can use a tool like theXifer EXIF Purge

edit: replaced the originally linked online solution with a standalone solution. Everyone has a problem. Internet solutions are a problem of leakage of information or company assets. Obviously, you should only use reliable standalone solutions, as this can be a security risk. Thanks for recommending @TomerOfer