homepage Welcome to WebmasterWorld Guest from 54.145.183.169
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
What is the little icon called in the address bar?
complete



 
Msg#: 4666985 posted 8:15 pm on Apr 29, 2014 (gmt 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]

 

LifeinAsia

WebmasterWorld Administrator lifeinasia us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4666985 posted 8:39 pm on Apr 29, 2014 (gmt 0)

Do you mean the Favicon? Simplest way is to upload a different favicon.ico file to your web server.

phranque

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



 
Msg#: 4666985 posted 9:17 pm on Apr 29, 2014 (gmt 0)

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)

lucy24

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



 
Msg#: 4666985 posted 9:53 pm on Apr 29, 2014 (gmt 0)

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.

drhowarddrfine

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4666985 posted 1:35 am on Apr 30, 2014 (gmt 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.

phranque

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



 
Msg#: 4666985 posted 2:11 am on Apr 30, 2014 (gmt 0)

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.

diszdani



 
Msg#: 4666985 posted 5:19 am on Apr 30, 2014 (gmt 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. :)

not2easy

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month



 
Msg#: 4666985 posted 5:37 am on Apr 30, 2014 (gmt 0)

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.

lucy24

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



 
Msg#: 4666985 posted 6:13 am on Apr 30, 2014 (gmt 0)

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!

tangor

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



 
Msg#: 4666985 posted 6:26 am on Apr 30, 2014 (gmt 0)

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.

complete



 
Msg#: 4666985 posted 6:01 pm on Apr 30, 2014 (gmt 0)

Thanks. I will let you know how it goes.

complete



 
Msg#: 4666985 posted 5:35 pm on May 1, 2014 (gmt 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?

not2easy

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month



 
Msg#: 4666985 posted 5:46 pm on May 1, 2014 (gmt 0)

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.

tangor

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



 
Msg#: 4666985 posted 6:07 pm on May 1, 2014 (gmt 0)

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.

coopster

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



 
Msg#: 4666985 posted 2:00 pm on May 2, 2014 (gmt 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...]

Jonesy

5+ Year Member



 
Msg#: 4666985 posted 7:10 pm on May 3, 2014 (gmt 0)

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

Jonesy

aristotle

WebmasterWorld Senior Member 5+ Year Member Top Contributors Of The Month



 
Msg#: 4666985 posted 8:01 pm on May 11, 2014 (gmt 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?

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved