How to Put Images in a Web Address
The little image that displays just to the left of a web address in the address bar of an internet browser is called a FavIcon which stands for a Favorites Icon. These images add professionalism and branding to web pages. FavIcons will also display next to the bookmark link in your favorites or bookmarks menu. These images are displayed by your website visitors browser so they will only work when viewed using an up-to-date web browser.
Instructions
-
-
1
Create a FavIcon image. Use any image editing software program to create your image. It can be a .jpg, .gif or .bmp image but it must be 16x16 pixels. Webmasters frequently take their website logo and scale it down to the correct size. There are a number of online FavIcon generators available online. See resources below for links.
-
2
Name your image "favicon.ico.". Browsers look for this file name in the root of your domain folder.
-
-
3
Upload the favicon.ico file to the root of your website using the file management interface provided by your web host. It should be found at the URL http://www.YourSite.com/favicon.ico.
-
4
Modify your pages to tell the browsers to look for the favicon.ico file. Add the following tag to the <head> tag of your web pages.
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
-
5
Upload your pages to your web host using their file management interface. Load your pages in a web browser and check to ensure that the FavIcon is displaying in the address bar of your browser.
-
1
References
- Photo Credit le mani sul web image by giovanni cardinali from Fotolia.com