Tip: Click here to scan for System Errors and Optimize PC performance

Back To Website Design Forum

Design tip -- Favicons - that small icon in the address bar.

Post December 13th, 2006, 1:43 am

i think photoshop is a good tool to make fav icon ...
There are other softwares like mogambo and pixelate
but i think if you know how to use photoshop you would be able to do it ..
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post December 13th, 2006, 1:43 am

  • igauresh
  • Novice
  • Novice
  • No Avatar
  • Joined: Dec 14, 2006
  • Posts: 20
  • Status: Offline

Post December 14th, 2006, 2:33 pm

I just recently started using favicons. I think they are so cool. They really customize the site and give it that little extra something ...class? I love designing my own little graphics for these. I usually draw one or find some clipart and then shrink it in my photography program. Check out http://www.kewldrummerz.info for an example.
  • raj4encoders
  • Born
  • Born
  • No Avatar
  • Joined: Dec 20, 2006
  • Posts: 1
  • Loc: INDIA
  • Status: Offline

Post December 20th, 2006, 4:47 am

Hey!i use jpg and it works for Opera and Moz. Opera even shows the icon in full size when switching pages.Thanks & Happy Christmas.
raj
  • gerard
  • Born
  • Born
  • No Avatar
  • Joined: Feb 19, 2007
  • Posts: 4
  • Status: Offline

Post February 19th, 2007, 3:58 pm

Further to this discussion, does anyone know why this page favicon only works in Firefox and not IE 6/7?

http://www.vinuminvestments.com/

I'm baffled, bordering on tearing my hair out :-(
  • cerio
  • Graduate
  • Graduate
  • User avatar
  • Joined: Feb 07, 2004
  • Posts: 192
  • Loc: UK
  • Status: Offline

Post April 5th, 2007, 11:15 pm

I logged in to post a question and, in the meantime, have found a bunch of other neat things here I didn't even know I was looking for! I've been copying and pasting info like mad and saving it all to my 'handy tips and instructions' folder

Just followed the instructions above and made a cute little favicon for my site and added it to the code, for when I get the site completed and uploaded

I'd forgotten I used to occasionally make icons using Microangelo for a games company I worked for about 8 years ago. I never did know how they applied them to the games after I made them but now I have a use for them myself, so have just used the Photoshop plugin to create one and added it to the <HEAD>...</HEAD> section of the website I'm making.

Now, if I can just get the answer to the query I posted, I'll be a happy bunny. Knowing this forum, someone will provide me with the answer soon enough

Regards,
Ceri
  • rickholly
  • Born
  • Born
  • User avatar
  • Joined: May 02, 2007
  • Posts: 2
  • Status: Offline

Post May 2nd, 2007, 7:39 pm

I made a favicon using the online tool. It does not work. I think I know why it does not work. It is located at rickholly.com. I use URL forwarding for the website. In other words, it is not the root directory. The root directory is miamivalley.info. I tested the same favicon on miamivalley.info that I tried to use on rickholly.com. It works. So, I am guessing the problem is rickholly.com needs to be the root directory. rickholly.com is really at http://miamivalley.info/rickholly.

Does anyone know if I can use favicon and URL forwarding. I hope I am making my problem clear to all of you.

Thanks for any assistants. I think my sixth graders would get a kick seeing my favicon on our school website.
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Joined: Feb 11, 2004
  • Posts: 6311
  • Loc: Martinsburg, WV
  • Status: Offline

Post May 4th, 2007, 9:45 am

My favicon works just fine and my website is same as yours.

try adding this to your <head>

Code: [ Download ] [ Select ]
<link rel="shortcut icon" href="path to ico" />
  • Fabinator
  • Proficient
  • Proficient
  • User avatar
  • Joined: May 05, 2007
  • Posts: 467
  • Loc: Holland
  • Status: Offline

Post May 6th, 2007, 2:45 am

rickholly wrote:
Does anyone know if I can use favicon and URL forwarding. I hope I am making my problem clear to all of you.


Maybe it's easier to upload your favicon on another server.
Maybe something like tinypic.com or photobucket.

Then you link directly to that picture:

Code: [ Download ] [ Select ]
<link rel="shortcut icon" href="www.photobucket.com/...." />
Moderator Remark: Added [code] tags
  • SawanM
  • Novice
  • Novice
  • No Avatar
  • Joined: May 10, 2007
  • Posts: 26
  • Status: Offline

Post May 10th, 2007, 9:29 am

Yeah, most people should make a favicon, it looks a little bit extra to your website.
  • dougadam
  • Newbie
  • Newbie
  • User avatar
  • Joined: May 01, 2007
  • Posts: 8
  • Loc: Traverse City, Michigan
  • Status: Offline

Post May 19th, 2007, 7:09 am

Also there are many sites that offer real-time favicon editors without having to download a program
  • impala_07
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 19, 2007
  • Posts: 5
  • Status: Offline

Post May 19th, 2007, 12:24 pm

Some time back, I had an email from a visitor asking me how I managed to have thefreecountry.com's icon displayed next to my URL in his browser's location bar. In fact, had he checked carefully, he would also have noticed that the icon is also used in his "Favorites" menu.

Internet Explorer ("IE") 5.0 and above has a facility where, if someone bookmarks your website (ie puts it in their "Favorites" menu), it associates a particular icon with your website in the bookmark. It tries to obtain that icon by first requesting for "favicon.ico" from the directory of your web page. If it cannot find such a file, it will try to obtain it from the root directory of your website, failing which, it will simply use a default icon for the bookmark.

On the other hand, the favicon.ico file is available, the icon will also be displayed beside your website name in the "Favorites" menu, the location bar in IE, and if the user opens up the "Favorites" folder, it will be the icon used for the link to your site.

Mozilla Firefox, and probably also the new versions of Netscape (which are based on the Mozilla browser code), also have the ability to use the favicon.ico file, except that Firefox also accepts the file in other graphics formats, such as the PNG format. It displays the "favicon.ico" in the location bar of the browser (the part that shows your website's URL). The latest version of Opera also loads the favicon.ico file into the address bar if available.
Moderator Remark: Spam link(s) removed

Post November 27th, 2007, 5:58 am

i use ImageIcon
this program convert from png to ico format
and you can set up a quality of output icon

home page of this program:
http://deviouscodeworks.co.uk/dcmain.html
  • ccmon
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Nov 03, 2007
  • Posts: 6
  • Status: Offline

Post December 20th, 2007, 2:58 am

i use jpg and it works for Opera and Moz. Opera even shows the icon in full size when switching pages.

Post January 26th, 2008, 1:47 pm

does the jpg work for IE?
  • ben_sigma
  • Beginner
  • Beginner
  • User avatar
  • Joined: Mar 12, 2008
  • Posts: 58
  • Loc: South Australia
  • Status: Offline

Post March 17th, 2008, 9:46 pm

Hi i have found that this program is really good for creating .ico files. It is called IrfanView;

and is downloadable from a mirror at their website

http://www.irfanview.com/


Best of all its Free. YAY!

8)
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post March 17th, 2008, 9:46 pm

1, 2, 3, 4, 5

Post Information

  • Total Posts in this topic: 69 posts
  • Users browsing this forum: No registered users and 68 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© Unmelted Enterprises 1998-2009. Driven by phpBB © 2001-2009 phpBB Group.