Rocket Shake
favicon.ico
- November 15 -
Ever wondered how to get that little square icon to show up next to the url field? Well, here’s a few ways to do it:
1.) If you have photoshop you can use it to create an .ico file. Once that file is created, name that file “favicon.ico” and place it in your root folder. Most web browsers will find it automatically and display it.
2.) If that doesn’t seem to be working, place the following code in the <head> of your webpage and use the code to link to the favicon directly. For example:
<link rel="shortcut icon" href="favicon.ico"/>
3.) If you don’t have photoshop or that still doesn’t seem to be working, place the following code in the <head> of your webpage and use the code to link to the file that you would like to use as your favicon. For example:
<link rel="shortcut icon" href="favicon.jpg" type="image/jpg"/>
Just be sure to sure to match the “type” tag with the type of image being used. For example, if you’re using a .png file, the code would look like this:
<link rel="shortcut icon" href="favicon.png" type="image/png"/>
The size of the favicon will be shown as 16x16 pixels, but your favicon does not need to be that small. I usually create favicons that are 64x64 pixels and that seems to work just fine.
-
rebeoen liked this
-
gioielli liked this
-
rocketshake posted this
