Address bar/favicon things.

Forums › IT Pro and developers › Address bar/favicon things.

Esterpester

21 posts

Geek

#69323 6-Oct-2010 10:55

Hi All,

I want to know how to add my company and web name to the favicon area of the address bar. I see a lot of sites do it now, but I can't find any info on how to do this myself.

Any ideas ?

Look at Westpac for example, this is what I want to do, just before the URL.

Thanks

Ester

freitasm

BDFL - Memuneh
74172 posts

Uber Geek

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#388685 6-Oct-2010 10:57

Just look at the source code for this page and search for favicon. You will see what you need there.

freitasm on Keybase | My technology disclosure

Life360

Affiliate link

Affiliate link: Life360 protects each family member with advanced driving, digital, and location safety features. Choose the plan that fits your family’s size and life stage.

chiefie

I iz your trusted friend
5877 posts

Uber Geek

Retired Mod

Trusted

Lifetime subscriber

#388690 6-Oct-2010 11:18

favicon needs to be 16x16 ICO, for iOS home icon, it needs to be 57x57 PNG (not sure how to make it Retina Display compatible, but it is certainly 114x114 PNG).

Then...

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/apple-touch-icon.png" type="image/png" />

Internet is my backyard...

«Geekzone blog: Tech 'n Chips Takeaway» «Personal blog: And then...»

Please read the Geekzone's FUG

tomgeeknz

923 posts

Ultimate Geek

#388701 6-Oct-2010 11:46

I am confused as to exactly what you want.... Do you want to put your equivalent of the little red W and the name in the tab at the top, or do you want the green padlock and the green box with "Westpac New Zealand Limited [NZ]". The little W is the Favicon, and the name in the tab is the <title></title> of the page. The padlock and green box are the SSL certificate name for the site which is completely different....

k1wi

484 posts

Ultimate Geek

#388703 6-Oct-2010 11:50

I'm pretty sure he means this:

So the favicon icon 16x16 as mentioned above.

tomgeeknz

923 posts

Ultimate Geek

#388720 6-Oct-2010 12:32

oops, different browser different format.....

Esterpester

21 posts

Geek

#389020 7-Oct-2010 06:51

tomgeeknz:

I am confused as to exactly what you want.... Do you want to put your equivalent of the little red W and the name in the tab at the top, or do you want the green padlock and the green box with "Westpac New Zealand Limited [NZ]". The little W is the Favicon, and the name in the tab is the of the page. The padlock and green box are the SSL certificate name for the site which is completely different....

This answers my question, thanks for your replies guys.

Ester