I was doing a work for a client when I got this problem:
The background images stop loading after 26 background image (tried to change images for fakeimg.pl images and I tried to disable the lightbox too).
Any idea what would cause that?
I added a if GET test=stackoverflow to show the pictures.
Here's the link: http://amenagementscomcept.com/index.php?page=realisations&test=stackoverflow
Edit: Forgot to mention here, the problem is in IE8 and IE9
Edit2: Deleted the picture, re-uploaded it, it's still bugging at the 26th picture
Internet Explorer doesn't support for CMYK JPEG
If you have ImageMagick:
identify -verbose image.jpg
will show you the image colorspace. If it's CMYK, you can convert to RGB with:
convert broken.jpg -colorspace RGB fixed.jpg
Or try in Photoshop, Convert your CMYK files to RGB. RGB files are support by IE.
Good Luck !
Related
Hi I'm testing a Wordpress site I've built, a problem I have is for some reason the Art Below logo which appears just about everywhere else, doesn't show in IE7, IE8 and Android.
Anyone with fresh eyes want to take a look?
Its the footer first logo on the left.
http://www.missingtom.com
Looks like it's a CMYK jpeg. Convert it to RGB and give it a try if it works.
I tested with IE8/7 and indeed it doesnt's show up, shows a red circle, loads just fine with other browsers.
Edit: Here is RGB version of your file - http://i.imgur.com/N8K33he.jpg if you don't know how to do it yourself or you're unable to. Rename it to artbelow.jpg and replace the file on your server (http://www.missingtom.com/wp-content/themes/artwars2/images/artbelow.jpg) make a hard refresh (alt+f5 usually) and see if it shows up.
More info about CMYK and IE (possibly also Android browsers as you stated?... - http://www.plaveb.com/blog/cmyk-images-not-displayed-in-internet-explorer
On my site - http://appliedcodingtech.com/site/factory_automation_photos, an image towards the bottom does not show up in IE8, but it shows up just fine in FF and Chrome. What is wrong?
The broken image is a CMYK .jpg, which IE8 does not support.
It looks like it's an issue with the image (corrupt or whatnot). Just opening the image in a new tab doesn't even work. My advice is take a screen cap of it and save that as Twin_belt_transport.jpg and re-upload it.
I think it is a corrupt image - I used Paint.Net to open the image and re-saved it, and now IE will display it.
Apparently the image is corrupted (applications may handle this in different ways) or is stored in a way that is not supported by IE. Try saving the image again using an image editor.
The problem lies in the image itself. IE cannot open it from disk either. It is indeed a jpg image (it has the 'exif' header), although I don't have the tools at hand to study exactly what's wrong with it.
Good question.
It seems that the image file is corrupted. Re-uploading it would definitely fix it!
But also some pointers
Thumbnails are too big. Use different images for thumbnails and for
view purposes. It loads slow and doesn't look professional at all :(
Your using .jpg and .JPG file extensions. For a more beautiful code,
use only lowercase .jpg!
There are spaces in the filenames. Use _ or -
I have an image that is sitting on top of a background. In Firefox and Chrome it looks fine as per below:
But in Internet Explorer (any version), it looks like the image background is a different shade than the background (I have put a red box to highlight where the image ends and the background begins, but it's pretty obvious).
How could it be that, given the same image and the same HTML background color, one browser looks fine but in Internet Explorer it looks like the colors are off as the background color of the image is a shade lighter than the HTML background?
The full website is here if that helps.
I think you have different image formats, and Internet Explorer got some image rendering problems. Try to put both of the images background and logo (back-page1.png, logo5.gif) in the same format either GIF or PNG (I prefer PNG) and it should do the trick!
Good luck :)
UPDATE:
So what is this render issue?
As tenfour said in comment, "assuming that the RGB color is really the same on both images, the underlying problem is that Photoshop saves gamma information in the PNG which causes Internet Explorer to render a different color than desired".
I think you need to remove the gamma information in the PNG. See http://morris-photographics.com/photoshop/articles/png-gamma.html for an explanation of this problem. I use http://www.choppng.com/ to remove this section from the PNG.
I got stuck among the weared behaviour of browsers. Ihave a div which has a background image which has color code #fbc61e so i set the background color of div to #fbc61e.
This works well in Inernet explorer. But when I render same page on firefox an edge appears between image and background where image ends.
When I analysed the snapshot of firefox page I got the colorcode of image #fece00 and when I set div background to #fece00 then edge disappears in firefox but appears in Internet explorer.
Please enlighten me to resolve this problem.
Thnx in advance.
You're probably tripping over embedded color profiles, which IE and FF handle differently. Depending on your graphics editor, you should use something like "Export for Web and Devices" (Photoshop/Illustrator terminology). Set your color profile to sRGB to avoid surprises when exporting.
GIFs and 8-bit PNGs are the only safe choices for what you're trying to do, but you can try getting rid of any gamma tags that might have been written out to your file to see if it helps.
When using PNG files (made with Paint.NET) as background images on my web site, IE7 is changing the colors and actually displaying a darker version of my images, as seen here. In this image, the dark background and background image should be both #001122, and the medium background and background image #004466. But IE7 changes the images to #000C1A and #003A5B respectively. No problem with FF3.
IE has a known bug with PNG gamma info, though I thought they had fixed it in version 7 :-?
I remove the gamma info from PNG files using "PNG Crush". I've created a right-click shortcut in Windows explorer. Further info: using pngcrush in windows
An alternative to PNGOUT is TweakPNG. Comes with a GUI and no installer, very easy to remove the gAMA (just right click and delete it!)
http://entropymine.com/jason/tweakpng/
I think this has to do with Gamma correction. Take a look at this
http://www.hanselman.com/blog/GammaCorrectionAndColorCorrectionPNGIsStillTooHard.aspx
Additional resource on this issue: http://www.modernblue.com/web-design-blog/tweak-that-gamma/