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 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
Here is a list of websites where you can generate your own favicon:
Uploading a Favicon
To upload your favicon:
Troubleshooting
- Favicon file must be in .ico or .png format.
- In case the favicon is not showing up, make sure to clear the browser cache or try incognito or private browsing.