Your options for creating your own favicon
Everything you want to know about favicons:
For all websites, blogs, and online stores
Suitable for all browsers and devices
Standard image formats
Different file formats and sizes
- 16x16 pixels
- 32x32 pixels
- 96x96 pixels
- 256x256 pixels
Favicon Generator - FAQ
The term Favicon is a combination of the words "favorite" and "icon," reflecting its function in the favorites list of the browser. Favicons were first introduced with Microsoft Internet Explorer in 1999, and havesince proved their value. At present, no administrator can do without afavicon. Aside from brand recognition, favicons also improve the loading speed of a website, among other things, and thus indirectly affect the website ranking in search engines. 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 1&1 IONOS Online Favicon Generator, you can make this graphical design yourself and create your own favicon.
- and 256x256 pixels
as .png and "favicon.ico" files.
The icon for your Android app measures 192x192 pixels, while the iOS icon comes in sizes:
- 180x180 pixels.
For Microsoft, the icon dimensions are:
- and 310x310 pixels.
All app icons created by the favicon png generator are issued as .png image files.
With a favicon for Joomla!, the integration works similarly and just as easily. You merely need to search in the backend of the website in Extensions/Templates for 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 recognized
automatically. You can implement this by typing the following code in the section of each page:
- h<link rel="shorcut icon"type="image/x-icon" href="/favicon.ico">
The .ico extension is especially necessary for compatibility with older versions of Internet Explorer (prior to version 11). Other browsers and newer versions of Internet Explorer also support other graphics 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 instructions attached.
You can, for example, create a favicon in Photoshop. Photoshop is particularly popular among professional graphic designers, supporting creation in .ico format as well as .png files. Additionally, it provides a wealth of useful graphics tools. This software is quite expensive, however, 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 1&1 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 familiarize yourself with the complex user interfaces in both programs. The 1&1 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 are here – drop us a line if you have any questions or concerns.