Configuring Favicons

Last Updated on

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

In this article


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 favicon Sets the default custom favicon for IE, Chrome, Firefox and Safari 16×16 & 32×32
Apple iPhone Icon Sets the icon for Apple iPhone 57×57
Apple iPhone Retina Icon Sets the icon for Apple iPhone Retina Version 120×120
Apple iPad Icon Upload Sets the icon for Apple iPad 76×76
Apple iPad Retina Icon Upload Sets the icon for Apple iPad Retina Version 152×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

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

Configuring favicons - FaviconCC

3
Once done, click on Download Favicon.

Configuring favicons - Download Favicon

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

x
Note: The websites above vary in terms of the resulting file you can get. Some will generate a favicon only in 16×16, while others have more options.

Uploading a Favicon

To upload your favicon:

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

Configuring favicons - Logo and Title

2
Upload the favicon from the Custom Favicon option.

Configuring favicons - Custom favicon

3
Click on Save Settings.
Was this helpful?

Related Topics

Related Forum Topics

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket