The code we’ll use to get a favicon onto our site will be:
<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
Surprisingly complicated, eh? I’ll go over the why and how on Monday.
We’ll make our favicons as PNGs, and also save an .ICO file.
If you’re struggling with creating favicons, or just want some suggestions / best practices, check out this post:
http://www.netmagazine.com/features/create-perfect-favicon