![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
90 degree rotated image display in browser after FTP Upload
After FTP upload, jpg images are displayed rotated in FireFox-Browser (111.0.1 - 32-Bit). In IE looks OK. The website is built with dreamweaver 8.0. What can I do?
Tất cả các câu trả lời (8)
Current Firefox versions by default rotate JPG images according to EXIF data. Do or did those images have EXIF data to orientate them ?
Hmm ... I don't even know what EXIF data is. I took photos with a Canon camera, formatted them with Photoshop, built them into the page with Dreamweaver and uploaded them via FTP.
That the browser automatically rotates images is ..... let's say " interesting ". I don't know where I could find this EXIF data to edit it as needed.
When I visit the links provided, I learn that probably my camera generates this orientation data. But unfortunately I do not recognize how I can change them afterwards. Maybe with an html code to the photo?
Or I make screenshots of the affected photos on the monitor and reproduce them to "neutralize" the EXIF data.
Regrettable that this is so complicated.
Thanks for your help!
Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?
Unfortunately, no. The problem page is in a closed area. But I have solved the problem in the meantime - certainly complicated. I took a picture, which was not rotated, copied an affected picture into it and saved the whole thing under a new name. A "stone-age" methdode, but it worked. Is it possible to use the "image-orientation: none;" as html code? Surely it would be more convenient to correct the rotation with a code/command.
That would be about adding a rule to one of the CSS file.
img { image-orientation: none; }
CSS ... hmmm?! would that also be converted into an html code for the affected page? With CSS I do not know myself unfortunately.
That can be done by adding an inline STYLE tag under the <head> section at the top of the HTML file.
<style> img { image-orientation: none; } </style>
Ohh ... that's great! I will try that out! Thanks a lot !!! Here with me it is now late at night. I will get out now. Once again, thank you very much for this tip. If I fail, I will certainly end up here again :-) Best greetings