# Favicon to my site

**URL:** <https://forum.pinegrow.com/t/favicon-to-my-site/2942>\
**Category:** Beginners\
**Created:** [April 21, 2019, 8:25am UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942 "2019-04-21T08:25:25Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![pikous](https://avatars.discourse-cdn.com/v4/letter/p/df788c/32.png) [@pikous](https://forum.pinegrow.com/u/pikous)\
**Post date:** [April 21, 2019, 8:25am UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942/1 "2019-04-21T08:25:25Z")

</div>

Hey members.

I’m a beginner in pinegrow and i’m looking for a tip to add a favicon to my website. Do you have any ideas to do such a thing ? Thanks everybody

---

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [April 21, 2019, 2:44pm UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942/2 "2019-04-21T14:44:36Z")

</div>

You can make a 16x16 .png and then use one of the following snippets between the `<head>` tags of your static HTML documents:

```auto
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"/>

To create the favicon you can use this online tool https://realfavicongenerator.net/

```

Pinegrow FB private group.  
[https://www.facebook.com/groups/162727434398763/](https://www.facebook.com/groups/162727434398763/)

---

<div class="post-metadata">

**Author:** ![pikous](https://avatars.discourse-cdn.com/v4/letter/p/df788c/32.png) [@pikous](https://forum.pinegrow.com/u/pikous)\
**Post date:** [April 21, 2019, 3:05pm UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942/3 "2019-04-21T15:05:23Z")

</div>

I didn’t expect such a precise answer. Thanks. Enjoy your day

---

<div class="post-metadata">

**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\
**Post date:** [April 22, 2019, 1:30am UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942/4 "2019-04-22T01:30:18Z")

</div>

Just put the favicon file in the root folder of your site and make sure it’s named favicon.ico  
Modern browsers know enough to load it without needing to add code to the page.  
(Note: you can just change the .png extension to .ico)

---

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [April 22, 2019, 12:08pm UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942/5 "2019-04-22T12:08:26Z")

</div>

great! did not know that!

---

<div class="post-metadata">

**Author:** ![pikous](https://avatars.discourse-cdn.com/v4/letter/p/df788c/32.png) [@pikous](https://forum.pinegrow.com/u/pikous)\
**Post date:** [April 22, 2019, 5:09pm UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942/6 "2019-04-22T17:09:37Z")

</div>

Thanks for the advice !

---

<div class="post-metadata">

**Author:** ![Terry44](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/terry44/32/175_2.png) [@Terry44](https://forum.pinegrow.com/u/Terry44)\
**Post date:** [April 27, 2019, 8:02am UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942/7 "2019-04-27T08:02:57Z")

</div>

As long as people understand it is the Browser that is doing that and not any HTML rules and is dependent on browsers support which could change. Renaming an image file extension to ICO is not creating an icon file. If you were to load the image into a image display software it would give a mismatch name error and display the image in it’s original format PNG, JPG, GIF etc…

If you are looking to properly and I mean this in a strict html rules way of creating web pages, you should use the Link REL method above. Yes, just placing an ICO file in the web root of a web site should display it in the browser it is not guaranteed and each browser handles it differently especially pages loaded locally from a testing enviornment WAMP, MAMP, XAMP or whatever…

---

<div class="post-metadata">

**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\
**Post date:** [April 27, 2019, 5:36pm UTC](https://forum.pinegrow.com/t/favicon-to-my-site/2942/8 "2019-04-27T17:36:38Z")

</div>

Yes, technically you are correct. But favicons have gotten out of control in recent years, and I really can’t be bothered with all this craziness which seems to change from one year to the next. I’ll settle for having a little 16px x 16px show up in the 4-5 major browsers.

> **[audreyr/favicon-cheat-sheet](https://github.com/audreyr/favicon-cheat-sheet)**
>
> Obsessive cheat sheet to favicon sizes/types. Please contribute! (Note: this may be in flux as I learn new things about favicon best practices.) - audreyr/favicon-cheat-sheet
