Windows Explorer issues?!

Okay, so up to this point I've use Chrome browser 100% to get my site up, however today someone that was using IE went and said some of the images are just being shown as a red X. I told them to refresh but it remained. Concerned I opened IE and sure enough some of mine were doing it also. I am sure hoping this is just some dumb little thing to correct this, I dont know why some work just fine and others are just the X. Can anyone enlighten me?

Here is the site which isnt live yet.

Bullardpublishing

Quote:

---

Originally Posted by dermit

Okay, so up to this point I've use Chrome browser 100% to get my site up, however today someone that was using IE went and said some of the images are just being shown as a red X. I told them to refresh but it remained. Concerned I opened IE and sure enough some of mine were doing it also. I am sure hoping this is just some dumb little thing to correct this, I dont know why some work just fine and others are just the X. Can anyone enlighten me?

Here is the site which isnt live yet.

Bullardpublishing

---

I am looking at the site in IE 8, and it seems fine, or is the error happening on a specific page?

what version of IE are you using to see the problem


also don't forget to change you sites title as it still says

ZenCart: the art of ecommerce

Thank you for the quick reply, and the title suggestion. I forgot about that.

The page where I was noticing it the most was under Photography, can you please look there? Thanks.

EDIT: IE8 is what I'm using. The Photography section is one I just added stuff to tonight, I dont think I did anything differently...

Can anyone else confirm if they see this problem? Or what may be causing it? Thanks a bunch.

Quote:

---

Originally Posted by dermit

Can anyone else confirm if they see this problem? Or what may be causing it? Thanks a bunch.

---

I can confirm that I see this problem. I did some searches and it seems that this problem is affecting other users as well. I followed some suggestions posted on the Microsoft site and others to try and resolve the issue. One of the suggestions said to back out IE8. I did that and the problem was still there in IE7. A semi-clean install of IE8 this morning and the problem is still there. So far I have no idea what the problem is.

Yes I also see the Photography images in firefox but NOT in IE8.

You have some list and table errors in the page and the product_info page: in the absence of other ideas, who's to say IE is not getting upset with those? (Identify the faults with FF+HTML validator add-on)

File sizes around 600k for thumbnails are way out of line, and whether they have anything to do with the problem or not, need to be optimized. You can make small, medium and large versions of them for display, or if you want this automated, install Image Handler 2.
Thumbnails should not be larger than 5-20k depending on the situation.

I see that you have the different files for small/medium/large, but you have not optimized any of them for the actual display size. An image displaying at 490x356px should not need 768k, but more like 50-100k for high quality.

Is this problem a relatively new issue that people are experiencing or has this been around for a while? I will try the FF+HTML validator. Thx

gjh42 - Can you point me to the best example of how to reduce image sizes without losing quality? Thanks.

Use Photoshop or another image program, and shrink a copy of the original file to the exact pixel size you want for the large image display. Save it as a jpeg of whatever quality you need to look good (more than about 9/12 is usually not distinguishable on the screen), then take the original and shrink it to the medium image pixel display size, and the same for the small image (this will become the "base" image filename).

It doesn't matter how many pixels are in the original file, it can never look better at a certain display size than a copy in the exact pixel display size.

Defects in HTML output have always caused problems with browsers, moreso in the past than now (browsers are getting smarter and many of them handle errors better). There will always be differences in how browsers handle errors, so what works in one may fail in another.

Quote:

---

Originally Posted by gjh42

Use Photoshop or another image program, and shrink a copy of the original file to the exact pixel size you want for the large image display. Save it as a jpeg of whatever quality you need to look good (more than about 9/12 is usually not distinguishable on the screen), then take the original and shrink it to the medium image pixel display size, and the same for the small image (this will become the "base" image filename).

It doesn't matter how many pixels are in the original file, it can never look better at a certain display size than a copy in the exact pixel display size.

---

This is exactly how I did all my images. Saving them to jpg at highest quality(which is 12). What step am I missing?

Save it as a jpeg of whatever quality you need to look good (more than about 9/12 is usually not distinguishable on the screen) The file size difference between 9 and 12 quality can be significant.

Hello, I am digging up this old thread in hopes that someone can help me with the solution. I haven't been able to fix this still, and it's becoming a major problem. We have some major clients that have been looking on our site and have come across it and it's really awful. This is an emergency on our end. I will try to pay someone out of my own pocket to help fix this, as I don't have the coding experience to fix browser compatibility issues without someone else giving me what is needed.

I have no idea why some of the images are doing it and others are not, when I do the exact same thing for each of them. For the best example of my problem, open IE and go to the photography section. You will clearly see some working fine, and others with a red X.

Please contact me if you have any ideas. Thank you!

www.bullardpublishing.com

I think it is a file size issue. In IE8, I see two thumbnails on the Photography page (Back Off and Defending His Harem); those are the ones that have "reasonable" file sizes (though 45k and 35k are still too big for images of those dimensions). The three images that are not displaying are 596k, 600k and 590k. This is far too big for any reasonable "large" image, never mind 166x120 px thumbnails.

Optimize your images and then see if you still have problems.


By the way, did you ever fix the validation issues mentioned above? If not, try to do that before asking again.

Quote:

---

Originally Posted by dermit

Hello, I am digging up this old thread in hopes that someone can help me with the solution. I haven't been able to fix this still, and it's becoming a major problem. We have some major clients that have been looking on our site and have come across it and it's really awful. This is an emergency on our end. I will try to pay someone out of my own pocket to help fix this, as I don't have the coding experience to fix browser compatibility issues without someone else giving me what is needed.

I have no idea why some of the images are doing it and others are not, when I do the exact same thing for each of them. For the best example of my problem, open IE and go to the photography section. You will clearly see some working fine, and others with a red X.

Please contact me if you have any ideas. Thank you!

www.bullardpublishing.com

---

Check out this post. Seem like an identical problem with a fix http://www.zen-cart.com/forum/showpo...4&postcount=13

From that same thread, post #11:

"I iam new here, but I had a simular problem and it was that the image was to big."

Quote:

---

Originally Posted by gjh42

Save it as a jpeg of whatever quality you need to look good (more than about 9/12 is usually not distinguishable on the screen) The file size difference between 9 and 12 quality can be significant.

---

Thank you guys for the feed back!
I am slightly confused though, please assist.

For example Back Off is the same size dimensions but 45k, and that was saved as a jpg @ 12. However I just redownloaded Bathed in Morning Light, which is 500k+ and saved it as a jpg @ 9. Its still HUGE! 577k!
I don't know what the difference is between the two, anything else to try?

Thanks!

The pixel dimensions of the image are the first critical factor. Load a copy of the image into Photoshop and reduce its "Image Size" to the pixel dimensions you want it to display at (in this case, something like 166x200 px). Then save for web at whatever quality you need.

you may want to check your IE8/7 stylesheets for problems - IE doesn't handle css all that well.

From what I have seen, the only variable between images that display (in this site) and those that do not is image filesize.

Quote:

---

Originally Posted by gjh42

Load a copy of the image into Photoshop and reduce its "Image Size" to the pixel dimensions you want it to display at (in this case, something like 166x200 px).

---

You can batch resize with a free program like Mihov Image Resizer.
Here is an excellent tutorial https://www.zen-cart.com/tutorials/i...hp?article=224

Quote:

---

Originally Posted by gjh42

The pixel dimensions of the image are the first critical factor. Load a copy of the image into Photoshop and reduce its "Image Size" to the pixel dimensions you want it to display at (in this case, something like 166x200 px). Then save for web at whatever quality you need.

---

I understand exactly what you are saying. The reason why I am confused is because the image is already 166x120px. Download it and see for yourself. I understand the "Image Size" would be the problem, but this is a tiny image?!

Thanks.

Yes, that's weird, all right. When I downloaded Bathed in Morning Light, it was 578k, but 166x120 px at 300 ppi. I opened it in Photoshop and it said it was about a 78k document; changed it from CMYK to RGB (better for web anyway) and it went down to 58k. When I saved it for web, at absolute maximum quality, it was 17.8k.

Maybe your Photoshop CS4 included a mess of additional information with the image? I have Photoshop 7...

dermit
You still have a serious "file size" issue with your images. They are way to big and is slowing your site down.
I sent you a pm.
The Curious Nature one is not the right size and is being re sized. My above post has a tutorial with some great information and is relatively easy to do.

Re sizing the way you are doing it is like saying a pound of lead weighs more then a pound of feathers. A large image is a large image regardless of the physical appearance.

image Bathed in Morning Light.jpg you might have a problem with. It';s not re sizing properly. I was able to re size Bathed%20in%20Morning%20Light_MED.jpg so it would just need to be renamed. The size is 4.44 KB.

I sent you 3 images to try.

Thank you, I will check it all out tomorrow. It is currently 1:45am here, gonna head to sleep. Once again, thank you.

Dermit

Upon right-clicking and then selecting View Image_Info for each of your

Bathed In Morning Light,
Copper Cascade and
Curious Nature images,

I notice the dimensions are given as 0px × 0px (scaled to ###px × ###px).

To me this indicates the image files are corrupt. I would redo saving the images as thumbnails, replacing same in zencart images folder and then redoing the reference to same in your admin/catalogue.

Cheers

Quote:

---

changed it from CMYK to RGB (better for web anyway)

---

Essential, at least for iE, as it doesn't display images saved as CMYK. They must be saved as RGB.

Vger

Ah, that's right, I remember now that I encountered that isue when working on publicity images. My friends couldn't look at the progress copies I sent them until I changed them to RGB, because they all used IE exclusively.

Well. that explains the red crosses in Internet Explorer for images saved as CMYK. So that's another problem solved.

Vger

The problem is exactly what was said. The images saved as CMYK weren't showing up in IE, as soon as I saved them as RGB it worked, and also cut down the file size by like 500k!

Thanks so much guys.