[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

logo icon in the address bar

Posted on 2009-05-18
10
Medium Priority
?
665 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
  • 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
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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.

 
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

I had to do a bit of research to find the answer to this question so I thought I'd share my results.  Due to our outdated mainframe systems, we need to downgrade IE9 to IE8 in order to stay compatible.  We also needed to downgrade Java.  In order to…
When you put your credit card number into a website for an online transaction, surely you know to look for signs of a secure website such as the padlock icon in the web browser or the green address bar.  This is one way to protect yourself from oth…
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.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…
Suggested Courses
Course of the Month19 days, 23 hours left to enroll

873 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