All modern web browsers, including Firefox, Internet Explorer and Safari, display miniature icons in their menu bars that change depending on the website you are currently viewing. These icons are selected by the developer of a website, and if you own or design a web page you can change its icon so that visitors will see a certain image every time they load your site.
Creating the Icon
Due to the constraints of web browsers, the website icon you choose to use must be a square and be exactly 16 pixels by 16 pixels. If the image you want to use as your icon is a different shape or a larger size, you can use an imaging program like Adobe Photoshop, Microsoft Paint or Apple Preview to crop and shrink it. Once you have created an appropriately sized icon, name the file "favicon" and save it as a .GIF or .PNG file.
Converting the Icon
Before you can change your website's icon to the image you have created, you must convert the .GIF or .PNG file to a .ICO file, which is a special file format for web icons. The easiest way to convert a web icon is to use the FavIcon Generator tool (see "Additional Resources," below). Simply use the online tool to navigate to your .GIF or .PNG image and then click on the "Create Icon" button. Save the .ICO file to your hard drive and then upload it to your active web server. Make sure that the file is named favicon.ico and is stored in the root level of your server
Setting the Website Icon
Once the favicon.ico file has been saved onto your web server, you can edit the pages of your website to set the image as your site's official icon. To do so, open one of your site's pages in a web-editing application like Adobe Dreamweaver, and insert your cursor inside of the "<head>" tags at the top of your HTML code. Then type "<link rel="SHORTCUT ICON" href="favicon.ico">" and save the code. The webpage will now be directed to use the new icon you have created, and it will be displayed in web browsers when others visit your site.
How to Change Icons on Windows XP
Windows XP relies heavily on a Graphical User Interface (GUI) to transmit and receive input from its users. When you want to...
How to Change Firefox Icons
The default Firefox icon is a welcome sight to many users. However, if you ever tire of looking at it the same...
How to Change Icons on Your Mac
Customize the design of your Mac running OS X Yosemite with personalized icons for applications and folders. The new icon can be...
How To Change the Icon for an EXE File
If you have a specific theme on your desktop, there is no need to let the icon images of your various executable...