Ok, nothing earth shattering but hopefully still useful to somebody out there.
Creating Icons in the Correct Size and Format
A shortcut icon must be square in size and at least 16 x 16 pixels.
It's important to save it in .ico format. Either create a bitmap using any image editor and rename it, or use the free online tool http://www.convertico.com/.
Include it in your page
Include the following code block into your main template or master page. If you don't have that, well, then include it into every page...
<head> <link rel="SHORTCUT ICON" href="favicon.ico"> <link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon"> <title>My Title</title> </head>
Ah, yes, add it to the default.aspx of your Silverlight web project will do the magic as well.
Include it in your WordPress Blog
Update: Maria mentions that it is shockingly simple to include a favicon to your wordpress blog - http://wordpress.org/extend/plugins/shockingly-simple-favicon/
Show me your shortcut icon!
Send me your page with shortcut icon and if I like the icon I will bookmark it
Enjoy this article?
Posted by Michael Gaigg
Michael Gaigg is Lead UI Engineer in Esri's Professional Services Division.
He has been designing map applications for over 13 years and is currently leading a team of the most talented and innovative UI engineers and designers at Esri.
- Accessibility (16)
- Cartography (1)
- Code Samples & Tips (15)
- Conclusions (7)
- Design Guidelines (12)
- Designing Map Interfaces (7)
- Go figure (9)
- Good News (28)
- Here and there (31)
- Map Applications (14)
- This Week's Highlights (53)
- Usability & UCD (28)
- Web Design (31)
- 15 Outstanding Examples of Braille in our World
- Dashboard Design
- Powerpoint Wireframe Stencils as Free Download
- Esri listens to their Users and changes Pronunciation of its Name
- Job Posting: User Interface (UI) Engineer at ESRI
- Redundancy is NOT bad!