StartBlogWebsite maintenanceUse favicons correctly

Use favicons correctly

Mainetcare logo as favicon on an Android screen

Favicons are small graphics that serve to symbolise a website by displaying e.g. the company logo.
In the past, people tended to use them in the header/tab area of the browser window or in the bookmark and favourites lists (hence favicon). Today, these icons fulfil many other functions. This also has to do with the increased use of mobile phones.

For example, it is possible to link a homepage directly on the screen of a smartphone. This way you can open it at any time with just one tap.
For this, the favicon graphics must have properties that go beyond the requirements that were common in the past.
For the original browser functions, an image size of 16×16 px was sufficient. Currently, the size should be at least 512×512 px. Smaller favicons often look rough and pixelated on high-resolution tablet or smartphone displays.

Colour transparency is possible for favicons. Displaying one's own logo on a transparent background, for example, means that the logo is shown on the respective background without a possibly disturbing frame. What looks particularly elegant in the browser can, however, be rather unfavourable when linked on the tablet display. Here, depending on the nature of the logo, it can appear cleaner and clearer to have a defined background and thus just a visible frame.

Then it is a matter of integrating the graphics provided for the various systems (iOS/MacOS, Android, Windows, ...) in the source code of the website in a suitable manner.

Of course, it's all very easy with Mainetcare's RundUmsorgt package: we create your favicon according to your wishes and specifications and embed it on the website.

See also

How a website project works with MaiNetCare

5 June 2019

A brief introduction to the steps we can take together to create and maintain your dream homepage. We show you how you can take over the website maintenance yourself or take care of everything for you - just as you wish.

Pictures, scissors, measuring tools to bring pictures to the right dimensions

How big do photos actually have to be that you place in the margin or in a gallery?

3 December 2019

If you want to embellish your web garden with new images, first make sure you know the maximum planned display size of the graphics and scale the image files to this pixel size. The suitable file format for the output results from the content.


We will be happy to call you back.

Scroll to Top