Favicons and Icons of all types

You may have a logo and love it, but do you have a mark? Do you have something that looks great SMALL, even TINY?  AHHH, favicons. Some of you have them, some of you wonder, “How’d they get their logo up there?” Some of you have never thought about it. Different site platforms handle it differently. The most common method to get YOUR logo up in the browser tab is to add the code into your header:

<link rel=”icon” type=”image/x-icon” href=”http://example.com/favicon.ico” />
<link rel=”icon” type=”image/png” href=”http://example.com/favicon.png” />
<link rel=”icon” type=”image/gif” href=”http://example.com/favicon.gif” />

<!– Opera Speed Dial Favicon –>
<link rel=”icon” type=”image/png” href=”/speeddial-160px.png” />
<!– Standard Favicon –>
<link rel=”icon” type=”image/x-icon” href=”/favicon.ico” />
<!– For iPhone 4 Retina display: –>
<link rel=”apple-touch-icon-precomposed” sizes=”114×114″ href=”/apple-touch-icon-114×114-precomposed.png”>
<link rel=”apple-touch-icon-precomposed” sizes=”72×72″ href=”/apple-touch-icon-72×72-precomposed.png”>
<!– For iPhone: –>
<link rel=”apple-touch-icon-precomposed” href=”/apple-touch-icon-57×57-precomposed.png”>

 

But how do you make one in the proper sizes and file formats? AHHH, that’s where I come in. I can make them for you. They usually take me about 30 minutes for all formats if you give me a nice resolution version of your logo. Let me know if you would like me to do this for you.