?
Solved

logo icon in the address bar

Posted on 2009-05-18
10
Medium Priority
?
662 Views
Last Modified: 2013-12-07
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
Comment
Question by:DJMgraphix
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 5
10 Comments
 
LVL 16

Expert Comment

by:s8web
ID: 24416225
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
 

Author Comment

by:DJMgraphix
ID: 24416297
Ok.

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

Do i have to add anything into each page?

Thanks
0
 
LVL 16

Expert Comment

by:s8web
ID: 24416301
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
On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

 
LVL 16

Accepted Solution

by:
s8web earned 2000 total points
ID: 24416316
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
 

Author Comment

by:DJMgraphix
ID: 24416365
Cool,

Where do I paste that in my script?
0
 
LVL 16

Expert Comment

by:s8web
ID: 24416464
Anywhere in the head will work. I would place it under the <title></title>
0
 

Author Comment

by:DJMgraphix
ID: 24416570
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
 
LVL 16

Expert Comment

by:s8web
ID: 24417084
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
 

Author Closing Comment

by:DJMgraphix
ID: 31582772
Thanks... Hope it works.. I'll be uploading it in a few weeks to test.

D
0
 

Author Comment

by:DJMgraphix
ID: 24423790
IT WORKS...

THANKS!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Internet is a big network which is formed by connecting multiple small networks.It is a platform for all the users which are connected to it.Internet act as platform in different fields. Such as: Internet  as a collaboration platform. Internet  as…
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
Suggested Courses

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question