Website Icons
#1
Scooby Regular
Thread Starter
Join Date: Mar 1999
Location: The Great White North
Posts: 25,080
Likes: 0
Received 0 Likes
on
0 Posts
![Post](https://www.scoobynet.com/images/icons/icon1.gif)
Hello, got a good one for you.
On some websites, in the address bar, you see a little icon, for example, www.bt.com, shows the BT logo. How can I do this for my website? thanks.
On some websites, in the address bar, you see a little icon, for example, www.bt.com, shows the BT logo. How can I do this for my website? thanks.
#2
Scooby Regular
![Post](https://www.scoobynet.com/images/icons/icon1.gif)
Hi Markus
It called a favicon (favourites icon).
Get yourself a free icon making program, create your icon, save it as favicon.ico, then put it in the root directory for your site.
Job done
It called a favicon (favourites icon).
Get yourself a free icon making program, create your icon, save it as favicon.ico, then put it in the root directory for your site.
Job done
![Smile](https://www.scoobynet.com/images/smilies/smile.gif)
#4
Scooby Regular
Join Date: Mar 2002
Location: www.scoobyzone.co.uk
Posts: 2,082
Likes: 0
Received 0 Likes
on
0 Posts
![Post](https://www.scoobynet.com/images/icons/icon1.gif)
or use an online generator - such as:
http://www.favicon.co.uk/
ps you might have to put some html in your webpage to get the icon to work.
favicon faq: http://www.favicon.com/
http://www.favicon.co.uk/
ps you might have to put some html in your webpage to get the icon to work.
favicon faq: http://www.favicon.com/
#5
Scooby Regular
Join Date: Mar 2002
Location: www.scoobyzone.co.uk
Posts: 2,082
Likes: 0
Received 0 Likes
on
0 Posts
![Post](https://www.scoobynet.com/images/icons/icon1.gif)
its the browser that requests the file. as long as the .ico file is in the root of the web domain, and the webserver allows .ico files to be viewable/downloadable from a browser it should be ok.
#6
![Post](https://www.scoobynet.com/images/icons/icon1.gif)
Markus,
Here are Two Methods for Adding An Icon With Your URL
I have used method one very successfully on a couple of sites.
===========
Method One
===========
Select any standard Windows icon file. The .ico file *must*
be in standard Windows icon file format, or it will be
ignored.
Rename the icon file *exactly* to: favicon.ico -- all
lowercase. No deviation from this is allowed.
Place the favicon.ico file in the 'root' directory on your
web server (where your main index page is).
Whenever your site is bookmarked, the icon will subsequently
show up on the visitor's Favorites list. When they visit
your site, the icon will also show in the URL window of the
browser.
That's all there is to it -- it's automatically picked up by
IE5 and later browsers.
===========
Method Two
===========
Insert the following LINK tag in the <head>...</head> of
your pages.
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
Change the path and icon filename to correspond to the
location of the icon file on your site. The icon graphic
filename should be lowercase, no more than eight characters,
and the extension must be .ico.
As above, the file *must* be in standard Windows icon file
format or it will be ignored.
When you use this method as opposed to Method One above, the
LINK REL code should appear on any page that might be
bookmarked.
Don't forget to confirm that the icon file is actually where
you say it is in the LINK REL path!
==================================
More Information - Creating Icons
==================================
The following is an exact quote from Microsoft®:
"For Internet Explorer 5, the required size of a shortcut
icon is 16x16 pixels. To create the icon, use an icon
editor, such as the one included in Microsoft® Visual
Studio® or one of the many other icon editors available.
Regardless of the program you use, make sure you set the
editor to create an icon that is 16x16 pixels. Otherwise,
the icon will be ignored by Internet Explorer."
================
Troubleshooting
================
We've noticed occasionally quirky behavior with this IE5
feature on several systems.
In many cases the icon will not appear on your machine until
*after* you perform the following steps:
- close *all* programs but the browser
- navigate to a neutral site, off your own url
- remove any and all bookmarks (favorites) to your
site that you may currently have
- clear the History and the Cache of the browser
- reboot, clear the Recycle Bin
- reboot again, bookmark your site
- reboot [sigh] again...
================================================== ==========
Hope this helps?
BTW: I used Axialis Icon Workshop 5.0 to create my icons, you can download a 30 day full working trial version from
http://www.axialis.com/
Cheers,
Rob
P1 Web Owners Club.
www.P1woc.co.uk
Here are Two Methods for Adding An Icon With Your URL
I have used method one very successfully on a couple of sites.
===========
Method One
===========
Select any standard Windows icon file. The .ico file *must*
be in standard Windows icon file format, or it will be
ignored.
Rename the icon file *exactly* to: favicon.ico -- all
lowercase. No deviation from this is allowed.
Place the favicon.ico file in the 'root' directory on your
web server (where your main index page is).
Whenever your site is bookmarked, the icon will subsequently
show up on the visitor's Favorites list. When they visit
your site, the icon will also show in the URL window of the
browser.
That's all there is to it -- it's automatically picked up by
IE5 and later browsers.
===========
Method Two
===========
Insert the following LINK tag in the <head>...</head> of
your pages.
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
Change the path and icon filename to correspond to the
location of the icon file on your site. The icon graphic
filename should be lowercase, no more than eight characters,
and the extension must be .ico.
As above, the file *must* be in standard Windows icon file
format or it will be ignored.
When you use this method as opposed to Method One above, the
LINK REL code should appear on any page that might be
bookmarked.
Don't forget to confirm that the icon file is actually where
you say it is in the LINK REL path!
==================================
More Information - Creating Icons
==================================
The following is an exact quote from Microsoft®:
"For Internet Explorer 5, the required size of a shortcut
icon is 16x16 pixels. To create the icon, use an icon
editor, such as the one included in Microsoft® Visual
Studio® or one of the many other icon editors available.
Regardless of the program you use, make sure you set the
editor to create an icon that is 16x16 pixels. Otherwise,
the icon will be ignored by Internet Explorer."
================
Troubleshooting
================
We've noticed occasionally quirky behavior with this IE5
feature on several systems.
In many cases the icon will not appear on your machine until
*after* you perform the following steps:
- close *all* programs but the browser
- navigate to a neutral site, off your own url
- remove any and all bookmarks (favorites) to your
site that you may currently have
- clear the History and the Cache of the browser
- reboot, clear the Recycle Bin
- reboot again, bookmark your site
- reboot [sigh] again...
================================================== ==========
Hope this helps?
BTW: I used Axialis Icon Workshop 5.0 to create my icons, you can download a 30 day full working trial version from
http://www.axialis.com/
Cheers,
Rob
P1 Web Owners Club.
www.P1woc.co.uk
Thread
Thread Starter
Forum
Replies
Last Post
jobegold@hotmail.co.uk
ScoobyNet General
2
27 September 2015 09:44 PM