The Emmy Winning Blog was created to cover everything multi-media, from print to the latest smart phone app. Well, today I want to talk about an often overlooked little guy in the world of multi-media called the “favicon”.
A favicon, short for “Favorite Icon” is a tiny graphic icon used to bookmark or label an associated website. You know what I’m talking about. It’s that little icon next to the website URL located in your browser’s address bar.
That’s right, there it is.
Anyway, a favicon is usually based on a company’s logo or is a symbol for that web site’s content. For example, a pizza web site may have a pizza slice graphic for it’s favicon. No anchovies, please!
Large corporations such as Apple and Nike have their own familiar logos. The Apple bite and the Nike swish. Very iconic.
Just Do It!
Meanwhile, my website, emmywinnerchrisparker.com, has a miniature portion of the masthead for a favicon..
Here are two more examples from my own work, a technology company’s logo and a law firm that uses the universal scales of justice.
A favicon is simple to make, just create your graphic and then save it as 16 x 16 pixel .ico file. To download an “.ico” file generator or photoshop plug-in just do a quick Google search and click on one of the many links provided. The Photoshop plugin I used is here. See even that site has its own favicon.
Once you have your “.ico” file just upload it to the root directory of your website sever and then create a link element with a rel attribute in the <head> section of the document to specify the file format, file name and location.
Here’s the html code I use for my favicon:
<link rel="icon" type="image/png" href="http://example.com/myicon.png">
As long as my “Emmy_Favicon.ico” graphic is in the root directory, my website will reference it.
Anyway you can learn more about “.ico” files from Wikipedia.
So what does a favicon do?
Well, besides appearing in your browser’s address bar it is also visible as a bookmark giving the user a quick and easy visual reference cue, not to mention the benefits of product and company branding.
Oh, in addition a favicon can go way beyond just a simple web icon.
The favicon for J-pop singer ReniReni:
Add a little animated magic and voila!
Never under estimate the power of the favicon, or the power of “Moe” energy.
As always “share” and “like” the favicon vibe!
Independent short films and the ever changing movie theater…coming soon to a blog near you.