JPEG Shows in Firefox but Not IE8

Question

Hi,

I'm working on a Sidebar Gadget and cannot get my JPEGs to show up (PNGs work). When I try to open the file by itself in IE8 it doesn't work. Firefox, of course, can open it fine.

JPEG Details:

Dimensions: 1080X900 180 dpi Bit depth 24 Color representation: uncalibrated

I've found some things talking about the images being compressed incorrectly (?) but I haven't been able to get it working...

Any clues?

Answer 1

Why are you dealing with the image at 180 dpi and not the 72dpi screen resolution? At screen resolution the image will be roughly double that size. Still, the size is manageable for any browser.

When creating a gadget, you should be using PNGs for all the elements of the gadgets. Are you having issues displaying JPEG photos?

Have you looked for the yellow bar at the top of IE that blocks certain suspicious content from being loaded (popups, activex, javascript, etc.)? If it appears, try telling it to "allow".

Lastly, what are you using to compress your images to JPEG?

EDIT: If you want to do batch conversion use the batch converter in photoshop or use the Actions panel to record the conversion process for a single image, then replay the action on an entire folder. Additionally, you can save this action to a "droplet" which is a small application containing the action that you can drop an image or folder on top to.

Alternatively, if you don't fell like learning Actions, XNView is an excellent image viewer and converter that supports something like 160 different image formats and can batch convert and batch rename huge lists of files.

Answer 2

I had a similar issue with IE8 not displaying two JPEG images. FF, Safari, Chrome all displayed them without complaint but IE acted as if the files were not there. I have no idea what was going on, but a quick image conversion to gif or png fixed the problem. Just another in a long line of confirmations that IE sucks.

Answer 3

IE8 drops support for CMYK JPEG and renders them as the infamous red X without so much as a warning.

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

Answer 4

Had similar problems with existing images, which will not show up in IE8.

Problem is, as converter42 says: CMYK-Images

Convert them to RGB colorspace and all is good

The Solution with the PNG is not the best, because PNG files can be MUUUCH larger than JPGS.