Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Closed Thread
 
LinkBack Thread Tools Display Modes
Share |
  #1 (permalink)  
Old 10-19-2010, 11:48 PM
Banned
Latest Blog:
None

 
Join Date: 05-07-08
Posts: 77
iTrader: 0 / 0%
Steps to Create Favicon for your Website

Favicon (Favorites Icon) is the icon which you can see before the URL in address bar of the browser and besides the name of the site in your bookmarked or favorite list. The main use of favicon is that, it works as a graphical reminder for your website. People bookmark your site in their favorites list, and they can recollect your site by seeing your graphic icon in their list.

Here are some steps to create favicon for your website.
  1. Create a 16X16 image using programs like MS-Paint, Photoshop or any other image making program.
  2. Use program like IrFanView app(for windows) to reduce the colors to 16 colors (Image -> Decrease Color Depth) and Save As the file to a windows icon format (favicon.ico).
  3. After creating favicon.ico, upload that file in the root directory of your website where you save your site's index file for your main page.
  4. You need to insert a link to all your webpages in which you want to use the favicon. For that you are required to put following code anywhere between <head></head> tags.
    <LINK REL="SHORTCUT ICON" HREF="http://www.yourdomain.com/name_of_icon.ico">

Thanks.
 
  #2 (permalink)  
Old 10-20-2010, 03:23 AM
csm's Avatar
csm csm is offline
v7n Mentor
Latest Blog:
None

 
Join Date: 12-18-09
Location: Rostock, Germany
Posts: 532
iTrader: 0 / 0%
It is even possible to use a .jpg, .gif or .png as a favicon.

And remember: do not write in capitals when using XHTML.

Code:
<link rel="shortcut icon" href="path/to/your/favicon.jpg" type="image/x-icon" />
for example would use a .jpg

Tons of tutorials are available too .. Google is your friend
 
  #3 (permalink)  
Old 10-27-2010, 02:50 AM
Junior Member
 
Join Date: 10-27-10
Posts: 6
iTrader: 0 / 0%
Quote:
Originally Posted by alan123 View Post
Favicon (Favorites Icon) is the icon which you can see before the URL in address bar of the browser and besides the name of the site in your bookmarked or favorite list. The main use of favicon is that, it works as a graphical reminder for your website. People bookmark your site in their favorites list, and they can recollect your site by seeing your graphic icon in their list.

Here are some steps to create favicon for your website.
  1. Create a 16X16 image using programs like MS-Paint, Photoshop or any other image making program.
  2. Use program like IrFanView app(for windows) to reduce the colors to 16 colors (Image -> Decrease Color Depth) and Save As the file to a windows icon format (favicon.ico).
  3. After creating favicon.ico, upload that file in the root directory of your website where you save your site's index file for your main page.
  4. You need to insert a link to all your webpages in which you want to use the favicon. For that you are required to put following code anywhere between <head></head> tags.
    <LINK REL="SHORTCUT ICON" HREF="http://www.yourdomain.com/name_of_icon.ico">

Thanks.
I think it must have illustrations for this tutorial. thank y very much
 
  #4 (permalink)  
Old 02-11-2012, 01:52 AM
yearn2earncashdotcom's Avatar
Junior Member
 
Join Date: 02-18-10
Location: Merseyside, UK
Posts: 8
iTrader: 0 / 0%
For a great tutorial on all things "creating favicons animated or otherwise" you could do a lot worse than study:
http://www.tamingthebeast.net/articles/favicon.htm
I am currently in the process of doing so myself.
 
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Closed Thread


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Create A Membership Site In 3 Easy Steps! DotComBum The Webmaster Marketplace 7 12-27-2009 11:34 AM
Website SEO Steps janegrath SEO Forum 65 08-24-2007 06:20 AM
Ten easy steps to create a database manisman Marketing Forum 0 05-09-2005 10:25 PM
Steps to Create and Promote RSS Feeds notepage Marketing Forum 4 04-19-2005 03:02 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 08:42 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2014 Escalate Media




Search Engine Optimization by vBSEO 3.6.0 RC 2 ©2011, Crawlability, Inc.