How to change your site's bookmark icon

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Gomjaba
    Senior Member
    • Jan 2005
    • 970
    • 3.5.x

    How to change your site's bookmark icon

    For the browser to be able to recognize an icon, it needs to be named favicon.ico and placed in the root directory of your forum. On a fresh installation the icon looks like .

    So, how to change it ?
    1. Create an image 16X16 pixels in size. Yes, it is really small and you can't really draw much in it. You should also restrict yourself to the standard Windows 16 colours, although I suspect that 256 colours will work fine.
      If you like, you can also create a 32X32 pixel icon, which will be scaled to size for the Favorites menu and the location bar. You can even put both 16X16 and 32X32 pixel icons into the same icon file. Windows will use the former for its menus and the latter when the user opens up a folder that is set to display large icons. It's probably not really necessary to do this if you can't be bothered.
    2. Save the image as an ICO file (named "favicon.ico", of course).
    3. Upload it to your website. You don't need to upload one to every directory of your site if you don't want to waste space - simply put it in your root directory and the browser will apparently locate it eventually.


    There are several tools to download to convert BMP, JPG and other to ico files. There is also an online tool which allows you to convert those files into .ico

    Brand your pages with a custom favicon. Create a free icon in seconds with this online tool for generating animated and static favicons.


    And this is how it looks like when you uploaded your personal file :



    Once you changed the icon you need to delete your chache to be able to see the new icon.
    Last edited by Gomjaba; Fri 18 Aug '06, 6:23pm.
    I'm not under the alkafluence of inkahol like some thinkle peep I am!
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...