Upload een afbeelding en genereer favicons in elke maat die je website nodig heeft. Verkrijg browser‑tabbladen, Apple Touch‑iconen, Android Chrome‑iconen en PWA‑iconen met kant‑klaar HTML‑code.
Een gepolijste favicon is slechts het begin. OneStepToRank helpt je bedrijf om lokale zoekresultaten te domineren met realtime ranktracking en geautomatiseerde optimalisatie over je volledige servicegebied.
Begin GratisEen favicon (afkorting van "favorites icon") is het kleine pictogram dat wordt weergegeven in browser‑tabbladen, bladwijzers, geschiedenisvermeldingen en adresbalken wanneer gebruikers je website bezoeken. Oorspronkelijk geïntroduceerd door Internet Explorer 5 in 1999 als een 16×16‑pixel ICO‑bestand, zijn favicons aanzienlijk geëvolueerd. Moderne websites moeten meerdere favicon‑maten aanbieden om verschillende platforms en apparaten te ondersteunen: kleine iconen voor browser‑tabbladen, middelgrote iconen voor bureaublad‑snelkoppelingen en taakbalken, en grote iconen voor mobiele startschermen en Progressive Web App‑splash‑schermen. Een goed ontworpen favicon versterkt de merkherkenning op elk contactpunt waar gebruikers met je site interactie hebben.
Het favicon‑landschap kan verwarrend zijn omdat verschillende browsers, besturingssystemen en apparaten verschillende maten verwachten. Hieronder een overzicht van de belangrijkste maten: 16x16 is het klassieke browser‑tabblad‑icoon dat door alle desktop‑browsers wordt gebruikt. 32x32 wordt gebruikt door retina‑schermen in browser‑tabbladen en door Windows voor taakbalk‑snelkoppelingen. 48x48 en 64x64 worden door Windows gebruikt voor bureaublad‑snelkoppelingen en vastgezette tegels. 128x128 is vereist voor Chrome Web Store‑vermeldingen. 180x180 is de Apple Touch‑Icon die wordt gebruikt wanneer iOS‑gebruikers je site aan hun startscherm toevoegen. 192x192 wordt door Android Chrome gebruikt voor startscherm‑iconen. En 512x512 wordt door PWA’s gebruikt voor splash‑schermen en grotere icoon‑contexten. Als minimum moet elke website een 32x32 PNG‑favicon en een 180x180 Apple Touch‑Icon hebben.
Voor maximale compatibiliteit, gebruik PNG‑formaat voor alle favicon‑maten. PNG ondersteunt transparantie en wordt universeel ondersteund door moderne browsers. Het traditionele ICO‑formaat, dat meerdere maten in één bestand bundelt, is alleen nodig voor legacy‑Internet‑Explorer‑ondersteuning. SVG‑favicons winnen aan populariteit en bieden resolutie‑onafhankelijkheid, maar browserondersteuning is nog niet volledig. Bij het maken van je bronafbeelding, begin met een vierkante afbeelding van minimaal 512×512 pixels voor de scherpste resultaten op alle maten. Eenvoudige, gedurfde ontwerpen met beperkte details werken het beste op kleine maten – fijne tekst en ingewikkelde patronen worden onleesbaar op 16×16 pixels. Gebruik solide, herkenbare vormen en contrasterende kleuren. Test tenslotte altijd je favicons op meerdere browsers en apparaten om er zeker van te zijn dat ze overal goed eruitzien.