Solved

logo icon in the address bar

Posted on 2009-05-18
10
646 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
 
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
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Several part series to implement Internet Explorer 11 Enterprise Mode
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
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.
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.

706 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now