Hi people. I'm trying to make a webpage and I'm trying to put an icon picture or favicon. I uploaded an image with FTP to the root section. I used GIMP and saved it as favicon.ico but still no icon. Can someone please help me to make a browser tab icon picture? Many thanks.
How can I add Browser tab icon picture?
Hi Joanne,
Â
Based on the steps you have taken, the favicon should indeed start reflecting. Try the below steps once and see if that works for you:
Â
1. Name the desired image as 'favicon.ico' (without the single quotes)
Â
2. Upload the favicon.ico file to the Images section of your web directory. You can also choose to upload it to any other directory as long as you note down where you are uploading it.
Â
3. Create a tag in the <head> section of the html coding to point it to the location of the icon.Â
Â
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
Â
The above tells that the icon is located in the images directory. Change the relative path of the filename based on where you have placed the file. You could also do just '/favicon.ico' if you have placed the file in the root section as you suggested earlier.
Â
The above steps should help you. However note that, if you are placing the favicon file elsewhere other than where your webpage is located, then you will have to replicate the above code in each and every webpage's <head> section.
Â
Let me know if this helps.