Use favicons correctly

Mainetcare logo as favicon on an Android screen
""

16.12.2021

Website maintenance
Table of contents

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 the All-round care package from MainetcareWe create your favicon according to your wishes and specifications and integrate it into the website.

""

Arrange a consultation appointment

We look forward to hearing from you and advising you in detail on your questions. Give us a call or send us an e-mail.

All other contributions