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 application for over 10 years and can't stop thinking about improving them.
- Accessibility (16)
- Code Samples & Tips (15)
- Conclusions (6)
- Design Guidelines (12)
- Designing Map Interfaces (5)
- Go figure (9)
- Good News (25)
- Here and there (29)
- Map Applications (12)
- This Week's Highlights (53)
- Usability & UCD (27)
- Web Design (28)
- 10 Webpage Design Lessons learned from a trip to Las Vegas… seriously!
- Web Content Accessiblity Guidelines (WCAG) 2.0: Overview and Structure
- Powerpoint Wireframe Stencils as Free Download
- Go figure: 10 Comic Strips that have Something in Common
- Job Posting: User Interface (UI) Engineer at ESRI
- Dashboard Design