Favicons are important so your website can be recognized in a browser full of tabs, as well as to generally improve user experience.

In this article we will cover the different types of favicons that Jupiter supports, and also how to generate and upload your own.

To see the favicon in action, check out the main demo Jupiter website


Different Types of Favicons

Jupiter let’s you use different types of favicons which will be then displayed on a specific device. Those types are listed below with their recommended sizes:

Type Description Sizes

Custom faviconSets the default custom favicon for IE, Chrome, Firefox and Safari16×16 & 32×32
Apple iPhone IconSets the icon for Apple iPhone57×57
Apple iPhone Retina IconSets the icon for Apple iPhone Retina Version120×120
Apple iPad Icon UploadSets the icon for Apple iPad76×76
Apple iPad Retina Icon UploadSets the icon for Apple iPad Retina Version152×152


Uploading Favicons

Uploading a favicon is fairly easy. Below we explain the whole process on how to generate and upload a specific favicon:

Generating a Favicon

1Go to the FaviconCC website.
2Choose a color and click on the squares to paint your logo.

Configuring favicons - FaviconCC

3Once done, click on Download Favicon.

Configuring favicons - Download Favicon

Here is a list of websites where you can generate your own favicon:

Uploading a Favicon

To upload your favicon:

1From the WordPress left menu, go to Theme Options > Global Settings > Logo & Title.

Configuring favicons - Logo and Title

2Upload the favicon from the Custom Favicon option.

Configuring favicons - Custom favicon

3Click on Save Settings.

Troubleshooting

  1. Favicon file must be in .ico or .png format.
  2. In case the favicon is not showing up, make sure to clear the browser cache or try incognito or private browsing.