Create your own favicon
Everything you need to know about favicons
For websites, blogs and online shops
Suitable for all browsers and devices
Standard image formats
Different file formats and sizes
- 16x16 pixels
- 32x32 pixels
- 96x96 pixels
- 256x256 pixels
The term "Favicon" is a combination of the words "favourite" and "icon", reflecting its function in the favourites list of the browser. Favicons were first introduced with Microsoft Internet Explorer in 1999, and have been indispensable ever since. At present, no webmaster can do without a favicon. Aside from brand recognition, favicons also improve the loading times of a website, among other things, and thus indirectly affect search engine rankings. As a result, favicons have become integral to a professional online presence. A favicon usually consists of the logo of a company or its initials. With the IONOS Online Favicon Generator, you can design and create one yourself.
- and 256x256 pixels
as .png and "favicon.ico" files.
The icon for your Android app measures 192x192 pixels, while the iOS icon comes in these sizes:
- and 180x180 pixels.
For Microsoft, the icon dimensions are:
- and 310x310 pixels.
All app icons created through the favicon png generator are issued as .png image files.
The same goes for Joomla. Simply search the backend of the website for "Extensions/Templates" to find the appropriate template. You then simply replace the default favicon with the new one that you have created in your "Templates" directory.
If your CMS does not support this option, the favicon.ico file must be placed in the root directory of the domain in order to be automatically recognised. You can implement this by typing the following code in the <head> section of each page: <link rel="shortcut icon"type="image/x-icon"href="/favicon.ico">. The .ico extension is especially necessary for compatibility with older versions of Internet Explorer (earlier than version 11). Other browsers and newer versions of Internet Explorer also support other image formats such as .gif and .png. Finally, as the favicon is usually cached for a longer period of time, you should delete the browser cache and reload the page in order to ensure that the browser isn't loading the previous file. All the necessary and important instructions and HTML codes can be found in the enclosed instructions.
You can, for example, create a favicon in Photoshop. Photoshop is extremely popular among professional graphic designers, supporting creation in .ico formats as well as .png files. Additionally, it provides a wealth of useful graphics tools; however, this software is quite expensive and can be relatively complex to use. Photoshop is regarded as a standard in the web design industry for professional image processing, although some excellent alternatives do exist. For example, the open source application "GIMP" is also suitable for creating a favicon. GIMP is actually even more versatile, due to its universal applicability on all operating systems. While Photoshop works only for Windows and Mac OS, GIMP also runs on Linux. The program also offers a similar variety of tools – making even multi-level processing possible.
Both GIMP and Photoshop offer similar functionality to the IONOS Favicon Generator in that you have the option to open and edit an existing logo and can design your favicon from scratch. However, you must familiarise yourself with the complex user interfaces in both programs. The IONOS Favicon Generator, on the other hand, is incredibly quick and easy to learn thanks to its user-friendly interface. Furthermore, it automatically provides you with all conceivable file formats that you may require for a professional favicon such as app icons for Android, iOS and various versions of Windows.
We'd be happy to help you choose the right product or provide support for existing customers.