• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 667
  • Last Modified:

logo icon in the address bar

I'm just looking to add my logo in a website I'm building in Dreamweaver CS3.

how large do I have to make the .ico file? and so I just save it as a jpeg and change it to a .ico file? because in photoshop there is no save as: .ico.

Thanks,

DJM

PS.  I WANT THE ICON TO WORK IN ALL MAJOR BROWSERS!
Thanks
0
DJMgraphix
Asked:
DJMgraphix
  • 5
  • 5
1 Solution
 
s8webCommented:
The easiest way to go about this is to create an image file 16x16px, save it as jpg or png then go to http://www.favicon.cc/ and create it online. You will wind up with a file named favicon.ico that goes on the root of your directory.
0
 
DJMgraphixAuthor Commented:
Ok.

I've got the favicon.ico in my root folder.

Do i have to add anything into each page?

Thanks
0
 
s8webCommented:
The simple answer to your size question is 16x16 minimum, and any multiple of that should work but it is best to stop at 32x32.  While some browsers will support GIF and PNG formats instead of just ICO, I don't believe using a JPG with an ICO extension will work. The browser created by our friends at Microsoft only truly supports "legitimate" Microsoft Icon Files.  Changing the extension will create a conflict that IE cannot handle. Since you want a product that works in all browsers this option is not valid.

The easiest thing to do may be to just use an online favicon generator.  The most useful one I have found so far has been one that change pictures to favicons.  Here is the URL:  http://htmlkit.com/services/favicon/.
0
[Webinar] Kill tickets & tabs using PowerShell

Are you tired of cycling through the same browser tabs everyday to close the same repetitive tickets? In this webinar JumpCloud will show how you can leverage RESTful APIs to build your own PowerShell modules to kill tickets & tabs using the PowerShell command Invoke-RestMethod.

 
s8webCommented:
try this replacing the href= with the path to your icon.
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

Open in new window

0
 
DJMgraphixAuthor Commented:
Cool,

Where do I paste that in my script?
0
 
s8webCommented:
Anywhere in the head will work. I would place it under the <title></title>
0
 
DJMgraphixAuthor Commented:
Yeah.. that's what I figured...

Unfortinilty it appears to not be working?

Do I have to actually UPLOAD it?  should I be able to preview it?

0
 
s8webCommented:
Two things:

Your host has to support it.

And, yes you may have to upload the image, directory, and page to a server.  Unless you have a web server running locally or change the path to your local OS path you cannot preview it in the browser. I don't think you can do it with a relative path without a web server.  I will run a test later and let you know.
0
 
DJMgraphixAuthor Commented:
Thanks... Hope it works.. I'll be uploading it in a few weeks to test.

D
0
 
DJMgraphixAuthor Commented:
IT WORKS...

THANKS!
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now