De favicon-formaten die browsers en apparaten écht willen

Een favicon betekende vroeger één klein 16×16-afbeeldinkje. Nu verwachten een browsertabblad, een sneltoets op het beginscherm van een telefoon, een bladwijzerbalk en een Apple-touchicoon elk hun eigen formaat, en slechts één aanbieden laat sommige van die contexten er óf wazig uitzien óf toont een generiek reservepictogram in plaats van het jouwe.

Waarom één formaat niet genoeg is

Een 16×16-pictogram dat wordt vergroot om een plek voor een beginschermpictogram van 180×180 te vullen, ziet er precies zo pixelig uit als elke kleine afbeelding die groot wordt uitgerekt — er is geen manier om detail toe te voegen dat niet in de bron aanwezig was. Elke context waarin een favicon verschijnt, heeft zijn eigen verwachte resolutie, en de moderne praktijk is om een reeks formaten aan te bieden in plaats van te vertrouwen op een browser die één klein bestand slecht opschaalt.

De formaten die de moeite waard zijn om te dekken

• 16×16 en 32×32 — de klassieke favicon-formaten, gebruikt in browsertabbladen en bladwijzerlijsten op de meeste desktopbrowsers.
• 180×180 — het door Apple verwachte formaat voor het beginschermpictogram wanneer een pagina wordt toegevoegd aan het beginscherm van een iPhone of iPad.
• 192×192 en 512×512 — gebruikt door Android en door web-app-manifesten voor beginschermpictogrammen en opstartschermen bij installeerbare web-apps.

Het ontwerp leesbaar houden bij 16px

Favicon-generator neemt één bronafbeelding en produceert in één keer de volledige set standaardformaten, volledig in je browser — maar geen enkele generator kan een ontwerp repareren dat al niet werkt op kleine formaten. Fijn detail, dunne lijnen en kleine tekst verdwijnen volledig bij 16×16; een eenvoudige, dikke vorm of letter die herkenbaar blijft wanneer verkleind, is wat werkelijk duidelijk leesbaar is in een browsertabblad, ongeacht hoeveel formaten eruit worden gegenereerd.