.png images display in IE8 alone but not inside a page

Question

Hi

It's been a while since I did serious web development. Now I meet a host of brand new problems I'm no longer familiar with..

I have some .png images for various icons in my web page. What I find is that whenever I edit these images, they stop working inside a page in IE8. That is, they (usually) display OK when I first open the page, then are replaced by the placeholder icon on refresh. Sometimes, some of the icons display and others, with the same src, don't.

My image tags are nothing fancy, typically:

<img src="images/misc/smallreport.png" alt="Report" />

When I right-click an icon in the page and select "properties", protocol, type, address and size are shown as "Not Available", and dimensions are incorrect (size of the placeholder, I bet).

If I open the images directly in IE (ie. not within the page), they work just fine.

I have used Paint.NET to edit the images, but have also tried saving them with Paint.

Right now, I am working right off the hard disk (ie. not through a web server). And, oh yes, none of this happens in Google Chrome.

What's going on here?

Answer 1

check the path to the file is correct - can we see the tag please.

Answer 2

Something similar happened to me once, I tried hard to find what was wrong, then I realized I was saving (from Photoshop) the file as PSD but with extension .png. Make sure you're not doing the same.

Also:

• Clear temporary Internet files
• Verify that the Show Pictures option has not been turned off
• Make sure that the Toggle Images.exe Web accessory is not present and disabling images
• Make sure that a third-party Internet security, firewall, or cookie-blocking program is not causing the problem
• Enable the Auto-Select encoding option

Source

Answer 3

Well, we learn something new every day..

I mentioned that I'm running this directly off the harddisk? Now, it turns out the html page (which I had gotten off a coworker) was blocked "to help protect my computer", as Windows does.

This is no big surprise, lots of files I'm working with originate on other computers, and I usually don't worry much about it (except with executables, which won't run until unblocked).

It seems, however, that when IE8 loads such a blocked HTML file, its security settings adjust somehow, and - well, I can only guess at the details, but as soon as I right-clicked the HTML file, selected Properties and clicked the "unblock" button, the problem went away.