Logo Question

KillerDomain · Dec 13, 2006

Hi, could anyone tell me how in the address bar you can make it have a logo instead of the IE logo. Like NamePros have their logo in that address bar.

Thanks in advance.

WhiteWebServices · Dec 13, 2006

You need to make yourself a "favicon.ico" (the small graphic file). If you search for "favicon" you should find plenty of information.

KillerDomain · Dec 13, 2006

thanks akrasia

LeetPCUser · Dec 13, 2006

http://www.telegraphics.com.au/sw/

That is where you can download the plugin. Then you drop it in the Photoshop plugin folder and you can save things as .ico files. Ico files are 16x16. So just make a 16x16 and then save it with new extension. Then upload it to your root folder.

Code:

<link rel="shortcut icon" type="image/ico" href="favicon.ico" />

That is code you will have to put inside of your head tag.

Example:

Code:

<html>
<head>
 <title>Awesome Site</title>
 <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
</head>

<body>
 <p>Cool site man!</p>
</body>
</html>

Also, if you upload a new favicon you have to clear your cache to view the new one. This really tripped me up when I started using these.

Good luck, hope this helps.

mis_chiff · Dec 13, 2006

LeetPCUser, You mentioned a plugin for Photoshop,
does this only work with Photoshop?
or can Dreamweaver 8 be used instead?
thanks

IconPacks · Dec 14, 2006

Try AWIcons: http://www.tucows.com/preview/355940 I use the Pro version but the Lite version is freeware and should be capable of making some nice favicons.

KillerDomain · Dec 14, 2006

thanks for all the help guys

mis_chiff · Dec 16, 2006

IconPacks said:
Try AWIcons: http://www.tucows.com/preview/355940 I use the Pro version but the Lite version is freeware and should be capable of making some nice favicons.

This is a great site, as I do not have Photoshop.
With LeetPCUser's code and your link I have made
2 already, theceliac[dot]com and wendy[dot]cc
simple ones as I am not artistic by any means
but very easy for me to use and a great tool to add
a personal touch to your websites!

thanks

JYM · Dec 17, 2006

mis_chiff said:
LeetPCUser, You mentioned a plugin for Photoshop,
does this only work with Photoshop?
or can Dreamweaver 8 be used instead?
thanks

Photoshop and Dreamweaver are different, because photoshop is a graphics program and dreamweaver is for code.

I use a program called JosesSoft Image Icon Converter, which converts any image into various, different sized icons including the 16x16 icon used for your favicon. You do not actually need to put any code on your pages unless your favicon.ico is in a different location other than the root, or if you need to switch to another favicon.

Just upload your favicon.ico to your public_html directory.

mis_chiff · Dec 17, 2006

JYM said:
Photoshop and Dreamweaver are different, because photoshop is a graphics program and dreamweaver is for code.

I use a program called JosesSoft Image Icon Converter, which converts any image into various, different sized icons including the 16x16 icon used for your favicon. You do not actually need to put any code on your pages unless your favicon.ico is in a different location other than the root, or if you need to switch to another favicon.

Just upload your favicon.ico to your public_html directory.

Thanks for the reply, I've got it figured out and
now I can't stop :bah:

I even figured out how to put in my niche directory [pats self on back] :lol:

hamzallc · Apr 5, 2026

KillerDomain said:
What you’re looking for is called a favicon.

A favicon is the small icon that appears in the browser tab, address bar, bookmarks, and sometimes browser history instead of the default browser icon. If a site like NamePros shows its own logo there, it means they added a favicon to their website.

To do it, you usually need to:

Create a small square version of your logo, commonly 16x16, 32x32, or 48x48 pixels

Save it as .ico, .png, or sometimes .svg

Upload it to your website

Add it in your site’s header so the browser can read it

A common example looks like this:

<link rel="icon" href="/favicon.ico" type="image/x-icon">

If you use WordPress, you usually do not need code. You can add it from the Site Identity or Customizer settings by uploading your Site Icon.

So in simple words:
You do not replace the IE logo directly. You add a favicon to your website, and the browser shows that icon for your site.

Logo Question

Established Member

Established Member

Established Member

Account Closed

Top Member

.comEstablished Member

Established Member

Top Member

Established Member

Top Member

New Member

Similar threads

We're social

MilesCoin.com

YouthTubers.com

employeeoptimization.com

olmerc.com

crypto6.xyz

swiftdrops.com

RAOT.ORG

SupCoin.com

EdpSystems.com

Tractor4Sale.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling