I create a set of webpages that use .ico files in the body of the pages.
This is NOT about the favicon. That works fine. Shorcut works:
<link rel="shortcut icon" type="image/x-icon" href="depot.ico" />
I develop on Windows 7 Pro x64 SP1.
The production server for my pages is Linux/Apache.
On several different computers the icons (.ico) are not displaying
using the IE10 browser when the page is served on the Linux commercial host (justhost).
The icons display ok on my Windows development machine (using IIS).
The icons also display ok on Linux using other browsers (Firefox, Safari, Chrome).
Images using .png, .gif, and .jpg display fine (all browsers).
I have tried altering the type clause in the <img> element:
Fails:
<img type="image/x-icon" src="help.ico" />
<img type="image/vnd.microsoft.icon" src="help.ico" />
<img src="closedoc.ico" />
htlp.ico is 24x24
depot.ico is 128x128
closedoc.ico is 32x32
The .ico files are on the server in the location specified.
I used F12 to see Developer Tools > Network > Start Capturing
Then refreshed the page with the icons, then chose Go to Detailed View > Response Body
I can see the image of the icon file.
There are no errors or warnings shown anywhere in Developer Tools when I do this.
However one of the .ico images shows <aborted>
It is the help.ico, which is the first .ico encountered. Relevant?
The browser is using:
Acceptimage/png, image/svg+xml, image/*;q=0.8, */*;q=0.5
I am using IE10 64-bit. Version 10.0.9200.16576
My Windows 7 system is fully updated.
I tried using IE10 with no add-ins. Did not fix it.
These pages with the icons have worked for more than a year. Yet recently I have seen this error.
I have tried using Compatibility mode on IE10, but it has no effect (as expected).
I have tried Browser Mode for IE8, IE9 with no effect (as expected).
My pages are built with html/php. The doctype is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
I think I could convert all my .ico files to .png, but I want to understand this .ico issue.
I think IE10 should support .ico in the body of a webpage <img> element.
What could be happening?
I have made a small page to test. (I cannot upload the .ico files in this forum. The help.ico is a question mark in a round area. The closedoc is a tiny-document-with-an-x. The depot.ico is a celtic trefoil.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><link rel="shortcut icon" type="image/x-icon" href="depot.ico" /><title>Testing icon display</title><style type="text/css">
img { height: 16px; width: 16px; margin: 2px; float: left;}
p { width: 50%; border: 1px solid black; margin: 5px; padding: 5px; }
p.big { font-size: 1.5em; color: darkblue; margin: 5px; }</style></head><body><div><p class="big">Test to display icon and png files.</p><p>This is the help icon (type x-icon specified).<img type="image/x-icon" src="help.ico" /></p><p>This is the help icon (type vnd.microsoft.icon specified).<img type="image/vnd.microsoft.icon" src="help.ico" /></p><p>This is the closedoc icon (type not specified).<img src="closedoc.ico" /></p><p>This is the remove png (type not specified).<img src="remove_16.png" /></p></div></body></html>