Solved

logo icon in the address bar

Posted on 2009-05-18
10
648 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
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 16

Accepted Solution

by:
s8web earned 500 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

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
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…
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
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 +…

777 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