I am working on SharePoint 2013 apps . In my app parts i have used few images.
All the images are showing up properly in Mozilla and chrome but few of the images are not showing up in IE, i can only see the broken image.
Suppose i have my image at this location:
'https://365app.sharepoint.com/sites/developer/Spotlight_CommonIcon/Announcement.jpg'
So, this image is showing up properly in the Chrome and IE. But when i open it in IE It shows me broken image.
And following error is shown in the console.
DOM7009: Unable to decode image at URL: 'https://365app.sharepoint.com/sites/developer/Spotlight_CommonIcon/Announcement.jpg'.
My guess is that those images are CMYK JPG. Try changing it to RGB.
IE can't display CMYK JPG.
Hope this helps.
Related
Whenever I upload images to Google Play, they get really pixelated and blurry. It only happens when I view the images via the Google Play mobile Application, in the browser everything looks fine. How can i solve the problem? I'm having exactly the same issue as described here: issue
I've tried uploading the images as png, jpg and compressing them but nothing has worked yet. I've added an example screenshot of what the images look like on google play.awful image here
Thank You!
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.
I have an image that I can view with no issues with Windows image previewer but when I try to view it in Chrome I just get the following:
Here is a link to the file in my dropbox folder:
view in dropbox
Weirdly the dropbox preview works fine but if you download the image and try to open it with chrome it doesnt work. If I try to open it with Firefox I get the following:
Turns out the image was actually a tiff that had been saved as a jpeg
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?
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.