Welcome to WebmasterWorld Guest from 54.147.63.124

Forum Moderators: incrediBILL

Message Too Old, No Replies

What is the little icon called in the address bar?

     
8:15 pm on Apr 29, 2014 (gmt 0)

New User

joined:Feb 14, 2011
posts:15
votes: 0


My URL is: www.example.com

What is the little icon called in the address bar?

How is it changed?

[edited by: phranque at 9:11 pm (utc) on Apr 29, 2014]
[edit reason] exemplified domain [/edit]

8:39 pm on Apr 29, 2014 (gmt 0)

Moderator from US 

WebmasterWorld Administrator lifeinasia is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 10, 2005
posts:5551
votes: 24


Do you mean the Favicon? Simplest way is to upload a different favicon.ico file to your web server.
9:17 pm on Apr 29, 2014 (gmt 0)

Administrator

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Aug 10, 2004
posts:10544
votes: 8


look for some code that is similar to this in the head of your html document:
<link rel="icon" href="favicon.ico" type="image/x-icon" />


if this is not specified, the default location is http://www.example.com/favicon.ico (in most cases, although some browsers/devices look for other forms of the icon)
9:53 pm on Apr 29, 2014 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

joined:Apr 9, 2011
posts:12717
votes: 244


How is it changed?

It depends on your operating system. Basically it's a special type of graphics file. I know the Mac OS comes with a simple favicon editor-- drag in a graphics file in some ordinary format like .png and the editor does its magic. Windows may have the same.

Some graphics programs have a "save as" option that outputs your file in .ico format so you don't need the extra step.

This seems to be a case of what linguists call Double Markedness. The file has the name "favicon" in addition to the extension ".ico".

Got a vague idea there was something before favicon.ico, but my memory doesn't go back that far. Mobiles have created a plethora of new forms of apple-touch-icon whose exact specification-- not to mention the URL where the specification can be found-- changes every other week.
1:35 am on Apr 30, 2014 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:May 23, 2005
posts:742
votes: 0


Except you should eliminate the ignored, non-specified and useless closing slash in the link element. There is no closing slash for the link element.
2:11 am on Apr 30, 2014 (gmt 0)

Administrator

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Aug 10, 2004
posts:10544
votes: 8


staying on topic, your link element may or may not contain a trailing slash, as the random example i copied did.

that's irrelevant to your question.

once you get the favicon question figured out you can start a new thread if you want to discuss the various flavors of (X)HTML at your disposal and when/how to follow standards for each.
5:19 am on Apr 30, 2014 (gmt 0)

New User

joined:Dec 5, 2013
posts: 6
votes: 0


Its called Favicon. Check the link tag like this
<link rel="icon" href="favicon.ico" type="image/x-icon" /> . you can replace the icon in the image folder. :)
5:37 am on Apr 30, 2014 (gmt 0)

Moderator from US 

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:2570
votes: 48


you can replace the icon in the image folder.

Not with this link in the header:
href="favicon.ico" 

Don't put your favicon in an image folder.
6:13 am on Apr 30, 2014 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

joined:Apr 9, 2011
posts:12717
votes: 244


Not with this link in the header:
href="favicon.ico"

Well, you could always rewrite favicon requests to wherever the favicon really lives. But the rewrite would probably use more server resources than the size of the favicon file!
6:26 am on Apr 30, 2014 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:6160
votes: 284


Don't put your favicon in an image folder.

favicon.ico can reside anywhere, as long as it is explicitly stated. Sometimes traditional methods (root) work best and keeps all resource links minimal.
6:01 pm on Apr 30, 2014 (gmt 0)

New User

joined:Feb 14, 2011
posts:15
votes: 0


Thanks. I will let you know how it goes.
5:35 pm on May 1, 2014 (gmt 0)

New User

joined:Feb 14, 2011
posts:15
votes: 0


Just when I think I have figured this out, I hit a brick wall. I have found the file favicon.ico. But you cannot edit or save it in Microsoft paint. You can also not open this file type in Paint Shop Pro. You can also not open this file type in Photoshop. What now?
5:46 pm on May 1, 2014 (gmt 0)

Moderator from US 

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:2570
votes: 48


There are online icon generators OR you could use a free image program like Irfanview. It will let you create the image in any format you like and then save it as your favicon.ico and upload it.
6:07 pm on May 1, 2014 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:6160
votes: 284


Photoshop used to have a plugin that would save any psd, gif, or jpg to ico format... save it... not open it. I use a very old version of PS and that's how I do it.

The online generators work just fine if you only need one or two at a time.
2:00 pm on May 2, 2014 (gmt 0)

Administrator

WebmasterWorld Administrator coopster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:July 31, 2003
posts:12533
votes: 0


Here's a real old Microsoft gem from the past, circa 1995. I'm not even sure if the program still works :-)
[msdn.microsoft.com...]
7:10 pm on May 3, 2014 (gmt 0)

Junior Member

5+ Year Member

joined:Dec 23, 2008
posts:138
votes: 0


There's also:
[freetools.webmasterworld.com...]
right here in WebMasterWorld.

Jonesy
8:01 pm on May 11, 2014 (gmt 0)

Senior Member

WebmasterWorld Senior Member aristotle is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Aug 4, 2008
posts:2686
votes: 97


Just when I think I have figured this out, I hit a brick wall. I have found the file favicon.ico. But you cannot edit or save it in Microsoft paint. You can also not open this file type in Paint Shop Pro. You can also not open this file type in Photoshop. What now?

If you rename the favicon.ico file as favicon.bmp, then you can edit it in Paint. After you finish editing it as a bmp file, then you can save it as a .gif file, then rename that as an .ico file for uploading