Dev GuideAPI Reference
Dev GuideAPI ReferenceUser GuideGitHubNuGetDev CommunityDoc feedbackLog In

Work with favicons

This topic describes favicons and how to use them in Optimizely Configured Commerce.

A favicon (favorite icon) is the small image associated to the website displayed in various locations: browser tabs, address bar, browser history, and so on. Favicons are important to a website for many reasons which includes helping drive brand awareness by displaying the company logo and colors in multiple locations, as well as making your website easier to distinguish when working with multiple webpages in a browser.

Favicons can be found in multiple sizes and formats: 16 x 16, 32 x 32, 48 x 48, or 64 x 64 pixels in size, and 8-bit, 24-bit, or 32-bit in color depth; however, the recommended size is 16 x 16. They can also be created in multiple formats: .gif, .png, jpeg. However, the industry standard for sometime now is the .ico format.

Add a favicon to a site

  1. Access the Admin Console.

  2. Go to Websites select a website.

  3. Click Edit.

  4. Within the Details tab, click Browse adjacent to the Website Favicon field.

  5. Select the desired image.



    There are multiple favicon generators available online if you don't have access to an existing favicon image file.

  6. Click Save to accept changes.



It may take several minutes for the Favicon to appear on the website's tab.