[JAK119]

Hello All,
I have an interesting issue with an image that was brought to my attention this morning. I have a large batch of images that appear perfectly fine in Firefox, inverted in Safari, and just don't appear in IE. These images were prepared and batched using the same method that we've used dozens of other times which leads me that it may not be the batch process but the original images themselves. The curious part is that the batch application overwrites the properties, changes the compression, and strips all the images of EXIF data.

Here is a link: Design Connection, LLC - House Plans Page

Does anyone have any clue as to why this is happening? I tried Google and followed Microsoft's troubleshooting steps but got nowhere.

Thank you in advance.

[delatorre]

I've experienced what maybe a similar issue - I've never looked at the images in Safari but have had images that appear in Firefox but not in IE7.

The images have always been originated in Illustrator (v10) and I think always exported to JPEG in Illustrator, but possibly on occasion copied and pasted into Photoshop. When I've had a problem with a JPEG, I've had to paste it into a new PSD and save a new JPG to sort it.

Looks like your images have originated from a vector line app so don't know if there's any clues in there. I've never had these problems enough to merit looking into Illustrator's export options to see if I can find the cause.

[Shiro]

You could try fixing the errors in your code. That will often solve your problem. At the very least, add a doctype.

[delatorre]

Originally Posted by Shiro

You could try fixing the errors in your code. That will often solve your problem. At the very least, add a doctype.

Interesting point - the issues I've experienced have been JPEGs displayed on an about.com site that my wife runs. Just checked a gallery page in the validator and that's reporting an error in the doctype. Wonder if that's part of the issue there.

[JAK119]

Originally Posted by delatorre

I've experienced what maybe a similar issue - I've never looked at the images in Safari but have had images that appear in Firefox but not in IE7.

The images have always been originated in Illustrator (v10) and I think always exported to JPEG in Illustrator, but possibly on occasion copied and pasted into Photoshop. When I've had a problem with a JPEG, I've had to paste it into a new PSD and save a new JPG to sort it.

Looks like your images have originated from a vector line app so don't know if there's any clues in there. I've never had these problems enough to merit looking into Illustrator's export options to see if I can find the cause.

Thank you I'll take a look into that but first I think I'll try out Shiro's suggestion, then I'll move onto trying this out.

Originally Posted by Shiro

You could try fixing the errors in your code. That will often solve your problem. At the very least, add a doctype.

Wow since I didn't write this page I just assumed that the page was valid but we all know what assuming does. I did try to work around the doctype issue with Microsoft's solution but after all it is IE, I don't have much faith in their troubleshooting tactics. I'll try defining the doctype and I'll post back with my results.

[JAK119]

Unfortunately defining the doctype didn't take care of the issue and I just attempted to download the images straight from the web server and just like the images were appearing in Safari they appear in Quick Look but when I drag it into Photoshop it appears fine. I'm going to try delatorre's idea but just as a batch re-save through Photoshop. I'll keep updating on my progress.

[JAK119]

Well the batch re-save works for the inverted issue in quick view and Safari but it's still rearing it's ugly head on IE. Any other ideas?

[Synook]

Did you try fixing the actual errors?

[fightpants]

I have seen this happen when the image is in CMYK. FF can usually display this but IE never will.

[.sleep]

You still have 41 errors.

[JAK119]

Originally Posted by fightpants

I have seen this happen when the image is in CMYK. FF can usually display this but IE never will.

That fixed it! I ran the batch again but added "Convert Mode" into it and sure enough that did the trick. Now I'm curious as to why that happens but that's something I'll hunt down on my own. Thank you Fightpants!

.Sleep and Synook, I know I still have a ton of errors and now I've got a project for later today but I had a feeling it was the image it's self since I discovered late last night that browsing directly to the image IE would still refuse to display the image but wouldn't return a 404.

[delatorre]

Doh!!

Just looked back at the last files I had this problem with and exactly the same issue. Coming from a print background I use Illustrator in CMYK mode even if working for web as I find colour mixing more intuitive. I usually paste to Photoshop anyway where I change mode.

However with the templates I was exporting straight from Illustrator and looks like I missed changing the colour mode on a handful during export. Explains why the problem only affected 5 out of about 70 files. Cheers fightpants.

[fightpants]

Glad I could help!

[steveb]

Make yourself an action to convert images to RGB and their resolution to 72 dpi. Then run the action as a Batch process on all your photos before you upload them.

[JAK119]

Originally Posted by steveb

Make yourself an action to convert images to RGB and their resolution to 72 dpi. Then run the action as a Batch process on all your photos before you upload them.

That's an excellent idea. I did the RGB portion with a batch but didn't quite think of the 72 dpi part of the batch, thanks for the tip.