sharps

How do you create this logo that displays next to the url link in the address bar of modern browsers? the logo will also display on a tabbed web page within said browser. The sites with logos have an image similar to a desktop icon.

I am using adobe golive for ease of use, but this is very similar to dreamweaver. Could someone include specific dimensions for this logo, color options, etc. Dont know where to start. Thanks in advance.

 

Reply With Quote

Rodney

Quote: Originally Posted by sharps How do you create this logo that displays next to the url link in the address bar of modern browsers? the logo will also display on a tabbed web page within said browser. The sites with logos have an image similar to a desktop icon. I am using adobe golive for ease of use, but this is very similar to dreamweaver. Could someone include specific dimensions for this logo, color options, etc. Dont know where to start. Thanks in advance.

I think what you're talking about is a "favicon"

I like to use this free tool for creating them: FavIcon from Pics -- how to create a favicon.ico for your website

You just upload your logo and they'll give you the file you need to upload to your website with instructions on how to make it work.

__________________
Rodney Blackwell - We're selling our 100% Natural Extravaganza T-Shirt For Charity!
PrinterListings.com: a place find, rate, and review custom t-shirt printing businesses

 

Reply With Quote

sharps

Awesome got it to work and it looks great! the above website works well, but if you want a more advanced technique it is really quite simple to do on your own.

Simply create an image 16x16px and save as favicon.ico this filename is necessary as most browsers search only for this name. Upload this file to your root directory on your remote server. Now add code to all pages simply, <link rel="SHORTCUT ICON" href="/favicon.ico">

great way to make your page look very professional! enjoy!

 

Reply With Quote

percival

UNREAL! i have always wanted to do that but never looked into it! cheers

 

Reply With Quote

sharps

keep in mind, an icon creater would be best because despite the program you design in you will only have 256 total pixels displayed. So if in illustrator your favicon looks great, it may be reduced down a bit.

 

Reply With Quote

percival

what program would you reccommend?... i would just be using illustrator

 

Reply With Quote

sharps

well okay, when you save for web at 16x16 it is an accurate look at how the file will appear, but if you really want to get in there and arrange pixels i would recommend plain old ms paint. That way you can really see on a pixel basis.

 

Reply With Quote

SakeRonin

Sweet... that'll be bookmarked for future reference.
Thanks Rodney

 

Reply With Quote

Rodney

Quote: Originally Posted by percival what program would you reccommend?... i would just be using illustrator

You can do it in illustrator as well.

__________________
Rodney Blackwell - We're selling our 100% Natural Extravaganza T-Shirt For Charity!
PrinterListings.com: a place find, rate, and review custom t-shirt printing businesses

 

Reply With Quote