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 have since proved their value. At present, no webmaster can do without a favicon. 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 – just try it out.
- You can use a visual editor and paint your favicon from scratch with a virtual brush. For this approach, our Favicon Editor is available. In this view, you can choose between different tools and colors to create your favicon. Use the practical preview function to look at the results of your work as you go. With the 1&1 IONOS Favicon Generator, a separate graphics program is not necessary; since you create your favicon online, you can carry out all the design steps in one easy location.
- With our letter generator, you can create a favicon from your initials. Select up to two letters, and then design the background and adjust the font color. For example, if you are called John Doe and you want your favicon to contain your initials, you need only select the letters "J" and "D" with the letter generator and then carry out the subsequent processing.
- You already have a company logo and would like to create a favicon in order to be recognized online? No problem! With the 1&1 IONOS Favicon Generator you can upload your company logo with ease. Use the Image Upload function then make further adjustments as you see fit using the Favicon Editor.
- and 256x256 pixels
as .png and "favicon.ico" files.
The icon for your Android app measures 192x192 pixels, while the iOS icon comes in this 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.
With a favicon for Joomla, the integration works similarly and just as easily. You merely need to search in the backend of the website "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 <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 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 enclosed instructions.
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; 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 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'd be happy to help you choose the right product or provide support for existing customers.
Chat with one of our 1&1 IONOS experts.
Please leave your number, we'll call you back immediately.