How to Install a Favicon on Your Website
A useful way to increase familiarity, recognition and personalization of your website is to add a favicon, which is the small, square icon found to the left of the site's URL. Many websites add these icons to make it easier to find their site among multiple bookmarks and to add a personal touch to the site's design. If you have access to your site's files and file manager, you can create and install a favicon for free using a graphics editor and a short line of code.
Other People Are Reading
Instructions
-
-
1
Create your image using a graphics editor. Most favicon images are 16 by 16 pixels in size; consider creating something simple so it's easy to see. If you don't have a graphics application on your computer, you can use a free online image editor such as Splashup or Pixlr (see Resources).
-
2
Save the image to your computer's desktop as a ".png" file. The name of the image doesn't matter, but name it so you can easily identify it later.
-
-
3
Convert the image you just made into an ".ico" file by using an online converter such as ConvertICO.com (see Resources). Save the .ico file back to the computer's desktop.
-
4
Access your website's file manager and upload the .ico file to the site's main directory where all the other site's files are located.
-
5
Open the HTML files in an HTML editor on the computer or in the control panel. Locate the "<head>" tags, then paste the following code between them:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
Replace "favicon.ico" with the file name of your .ico image. Place this code on every page unless you have a dynamic header, in which case it only needs to be placed on the index page.
-
6
Save each page, then test the site by visiting it online. You may need to clear the cache before it shows up correctly.
-
1
References
Resources
- Photo Credit Stockbyte/Stockbyte/Getty Images
