You probably saw the headline to this blog post and thought, “Favicon, what’s a Favicon?” Well, a Favicon is a small icon that is placed on your browser’s tab while viewing your website and also it’s added when bookmarks your website. This is a very useful element to your website and you don’t want to forget about. It helps your visitor associate your logo/favicon with your brand.
So how do you make a Favicon?
Well, you can use a photo editing software such as Photoshop to create a 16×16 pixel image and then place your logo or picture into that file. Once done, save your project as a jpeg or png file and then use one of these sites to convert it into a .ico file. Now you have a favicon ready for your site.
http://www.favicongenerator.com
http://tools.dynamicdrive.com/favicon/
http://www.favicon-generator.org
https://www.websiteplanet.com/webtools/favicon-generator/
How do you use a Favicon
To use a favicon that you created, you can upload it to your site by yourself and add the appropriate code to your website, OR you can have your webmaster do it for you.
If your want to do it yourself, here’s how.
- Upload the .ico file to your URL via FTP, your address would look similar to this: ftp://www.yourdomain.com. You would then provide your username and password that you have on file.
- Find and download your index.html or header.php file
- In the “Head” area of your index.html file, put in the following: If your website utilizes WordPress, go into the header.php file and enter:
- Save your file and re-upload it to your website and you’re done!
So, there you have it. Favicons can be an integral part of your online marketing, but can be often overlooked. Make sure your website includes favicons.
Valentine Media includes favicons on all of the websites we design and build. If you are looking to have a website designed or even redesigned, fill out this quick survey to see how we can help you with your brand or company’s online presence.
We are also active on social media sites like facebook, be sure to “like” us.