I noticed that all my browsers:
Mozilla Firefox
Google Chrome
Microsoft Edge
Internet Explorer
seem to ignore image EXIF orientation data.
But other programs are orienting the images when they are opened/displayed:
Google Mail
MS Paint
IrfanView
Windows Explorer
We have a webpage on which users can upload images. I am asking, because users are complaining that the uploaded images look diferent/rotated than when opened on their local device using an image viewer. It seems to become an icreasing problem as more and more users are using smartphones and cameras to upload images directly without using any image editing software.
Here you can find some example images that have EXIF data in their header: https://github.com/recurser/exif-orientation-examples
Question: Since the browsers are ignoring the EXIF orienting should one auto-apply them on the uploaded images and then strip them from the header? Why are browsers ignoring EXIF information? What to do?
Related
Recently we deployed our java web application in tomcat 8.5.32. In the pages, some jpg images are not displayed in IE alone (no issue with other browsers). We could see some jpg images are rendered in IE but not all. But in legacy server, we don't see any such issue. Where/What could be the problem?
I used the developer tool in the IE, to see if the image is loaded or not. I could see the image in the network tab.
I tried the url to image in the browser location bar, still i face the same issue.
I need all jpg images rendered in the IE browser.
At last the header "X-Content-Type-Options: nosniff" is the reason for this. The images served from my portal are saved as jpeg. But actually, they are bmp files. Since original type(BMP) is different from the type in the response header("image/jpeg"), IE browser is unable to decode it and failed to render the image.
Our Xamarin forms app supports both Android and IOS. This app uses a lot of png images on each and every screen.
We are looking for a better approach to deal with it. Whether to download a zip of png images and maintain them locally (or) download each png image on demand and cache it. It's ok if the application takes bit more time at the time of login. Could you please suggest.
I have an Ubuntu server which auto corrects images according to their orientation. The problem is that some pictures uploaded by users doesnt necessarily have EXIF info. Is it possible to handle this case?
Note: I currently use Rails CarrierWave::MiniMagick to rotate images on the server, like this 'img.tap(&:auto_orient)' and it works fine for pictures with EXIF info.
I'm working with a SharePoint site in O365. The site includes a List/Library that contains nothing but employee images with .GIF extensions. A 3rd party process imported the images into SharePoint. I have no details on that process.
None of the images will display in IE 11 when served from the SharePoint O365 server. The image will not display even when loaded by itself. The problem is not related to the amount or size of the images as this question discusses. The same exact images will display fine in IE 11 on an on-premise SharePoint 2010 server. Chrome, Firefox, etc display the image fine on both servers. I do not see this problem with any other browsers nor do they give any warnings or console errors. It's purely related to IE 11 and these .GIF images on the O365 server.
IE shows the following console message for each image:
DOM7009: Unable to decode image at URL: [url]
How do I fix this problem and what could be causing it?
Edit:
If I simply save the image from the web and try to open the image via IE, it fails to display with the same issue. If I save the image that is displaying properly on-premise and try to open it via IE, it fails as well.
Headers: http://pastebin.com/vHhs4rm6
My Solution:
If I opened MS Paint, created a new .GIFF image and saved it to my server, it would actually display properly.
This led me to use ImageMagick and do an identify on the images that wouldn't display. ImageMagick indicated the images were originally PNG's and were saved to my server as GIF's for some reason. Renaming the image files back to their native format via a workflow resulted in them being displayed properly. So, whatever process uploaded all the images to my server renamed PNG's to GIF's, messed up the files and resulted in this problem.
i wonder why when i save any jpg image from internet the EXIF data is gone or not saved?
i am developing a photo gallery website so i download sample photos from the net as testing, mostly from flickr.
i only download photos that have exif data, but once saved in my mac, the exif is removed or not saved. at first i thought my wordpress exif plugin is not working but when i check the exif locally in my mac, the exif data is not there.
that's because most operations done on an image will wipe the exif data
if you want to download the pictures from flicker while keeping the exif you will need to go (on the picture page) to Actions => All sizes => download original
if you do that you can keep the exif.
but for testing purposes what I do personally is to grap any picture from google image and than stamp the exif data using a stamping software myself. This way, I will know whether the data that I'm getting are correct or not.
BTW, I have just finished a week ago from developing a gallery website using wordpress for a client, so if you faced any problems specially in the exif part, feel free to ask