Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Zach Perry
Zach Perry
1,303 Points

How do I add a favicon to my website?

How do I add a favicon to my website? I've heard that the image has to be uploaded to the site, which I'm not quite sure what they mean. Can someone give me some advice on how to set a favicon? Thank you for your time

2 Answers

Alex Heil
Alex Heil
53,547 Points
Alex Heil
Alex Heil
53,547 Points

hey Zach Perry , there's a blog post covering this topic here on treehouse, perhaps this helps you out ;)

http://blog.teamtreehouse.com/how-to-make-a-favicon

Rich Bagley
Rich Bagley
25,869 Points
Rich Bagley
Rich Bagley
25,869 Points

Hi Zach,

You will need to upload a 16px x 16px .ico/png file to your image folder and reference it as follows:

<link href="favicon.ico" rel="shortcut icon">

Hope that helps

-Rich

Ruby Longe
Ruby Longe
3,895 Points

Hi Rich, just wondering, would you place this in the head part of the html file?

Rich Bagley
Rich Bagley
25,869 Points

Hi Ruby,

Yes you would :)

-Rich