# Change site icon to easily distinguish Slicer wiki and Slicer discourse

**URL:** <https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315>\
**Category:** Forum and website feedback\
**Created:** [May 15, 2017, 8:28pm UTC](https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315 "2017-05-15T20:28:54Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![lassoan](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/lassoan/32/13_2.png) [@lassoan](https://discourse.slicer.org/u/lassoan)\
**Post date:** [May 15, 2017, 8:28pm UTC](https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315/1 "2017-05-15T20:28:54Z")

</div>

When I have many tabs open in my browser then I cannot easily distinguish Slicer wiki and Slicer discourse tabs:  
 ![](https://us1.discourse-cdn.com/flex002/uploads/slicer/original/1X/dd1a3f983d7c1508d86928b67c80cf0fc99cf2f0.png)  
(the last two are Slicer discourse and Slicer wiki - they look the same)

Could we slightly change the site icon so that they show up a bit differently?

For example, add a small discourse icon in the corner: ![](https://us1.discourse-cdn.com/flex002/uploads/slicer/original/1X/6703bd5a3018f88af6947586d20ea19c03451881.png)

---

<div class="post-metadata">

**Author:** ![lassoan](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/lassoan/32/13_2.png) [@lassoan](https://discourse.slicer.org/u/lassoan)\
**Post date:** [May 16, 2017, 2:46pm UTC](https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315/2 "2017-05-16T14:46:48Z")

</div>

I’ve made the small adjustment by modifying settings [here](https://discourse.slicer.org/admin/site_settings/category/all_results?filter=favicon). The old and new favicons are available on the [site assets page](https://discourse.slicer.org/t/assets-for-the-site-design/7/2).

---

<div class="post-metadata">

**Author:** ![jcfr](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/jcfr/32/17825_2.png) [@jcfr](https://discourse.slicer.org/u/jcfr)\
**Post date:** [May 17, 2017, 3:35am UTC](https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315/3 "2017-05-17T03:35:32Z")

</div>

Checking using either chrome or firefox, the new favicon is not displayed. I think it is because an `.ico` file need to be uploaded instead of `.png`

---

<div class="post-metadata">

**Author:** ![jcfr](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/jcfr/32/17825_2.png) [@jcfr](https://discourse.slicer.org/u/jcfr)\
**Post date:** [May 17, 2017, 3:44am UTC](https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315/4 "2017-05-17T03:44:52Z")

</div>

I tried using an `*.ico` file without success. Also after reading the hint in the setting, I found _A favicon for your site, see [http://en.wikipedia.org/wiki/Favicon](http://en.wikipedia.org/wiki/Favicon), to work correctly over a CDN it must be a png_

---

<div class="post-metadata">

**Author:** ![jcfr](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/jcfr/32/17825_2.png) [@jcfr](https://discourse.slicer.org/u/jcfr)\
**Post date:** [May 17, 2017, 3:45am UTC](https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315/5 "2017-05-17T03:45:52Z")

</div>

Worth noting that Wikipedia indicates _such icon files can be 16×16, 32×32, 48×48, or 64×64 pixels in size_

---

<div class="post-metadata">

**Author:** ![lassoan](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/lassoan/32/13_2.png) [@lassoan](https://discourse.slicer.org/u/lassoan)\
**Post date:** [May 17, 2017, 3:48am UTC](https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315/6 "2017-05-17T03:48:12Z")

</div>

In the settings page it is written:

> A favicon for your site, see [Favicon - Wikipedia](http://en.wikipedia.org/wiki/Favicon), to work correctly over a CDN it must be a png

Some browsers cache the favicon for a while. I would give it a few days/try clearing all browser caches to see if the icon gets updated then.

---

<div class="post-metadata">

**Author:** ![jcfr](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/jcfr/32/17825_2.png) [@jcfr](https://discourse.slicer.org/u/jcfr)\
**Post date:** [May 17, 2017, 3:54am UTC](https://discourse.slicer.org/t/change-site-icon-to-easily-distinguish-slicer-wiki-and-slicer-discourse/315/7 "2017-05-17T03:54:36Z")

</div>

After uploading a `64x64 / *.png` version of the icon, it now shows as expected.

![image](https://us1.discourse-cdn.com/flex002/uploads/slicer/original/3X/6/3/631fd47648004f8cc48d5cfdf946eee40fe84247.png)