Gratis Favicon Generator Online | OneStepToRank

Favicon Generator

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.

Upload Bronafbeelding

🎨
Drop image here or click to upload
Use a square image for best results -- PNG, JPG, SVG, or WebP

Gegenereerde Favicons

HTML Code

Add this to your <head> section

Laat je merk Opvallen

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 Gratis

Wat Zijn Favicons?

Een 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.

Alle Favicon‑Maten die je Nodig Hebt

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.

Browsercompatibiliteit en Beste Praktijken

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.

Veelgestelde Vragen

Welke favicon‑maten heb ik nodig voor mijn website?
Voor volledige browser‑ en apparaatdekking zijn de essentiële maten: 16x16 (standaard browser‑tabbladicoon), 32x32 (retina‑browser‑tabblad en taakbalk), 180x180 (Apple Touch‑Icon voor iOS), 192x192 (Android Chrome‑startscherm) en 512x512 (PWA‑splash‑screen). Daarnaast worden 48x48 en 64x64 door Windows gebruikt voor bureaublad‑snelkoppelingen. Als minimum moet je een 32x32 PNG‑favicon en een 180x180 Apple Touch‑Icon opnemen om de overgrote meerderheid van de gevallen te dekken.
Wat is een Apple Touch‑Icon?
Een Apple Touch‑Icon is een speciaal favicon dat door iOS‑apparaten wordt gebruikt wanneer gebruikers je website aan hun startscherm toevoegen. De aanbevolen grootte is 180×180 pixels. iOS rondt automatisch de hoeken af en kan visuele effecten toevoegen. Je voegt het toe aan je HTML met: . Als je er geen opgeeft, maakt iOS een screenshot van je pagina en verkleint die, wat meestal er slecht uitziet.
Heb ik favicon‑iconen nodig voor PWA?
Ja. Progressive Web Apps vereisen iconen van 192×192 en 512×512 pixels, gedefinieerd in je web‑app‑manifest (manifest.json). Het 192×192‑icoon wordt gebruikt als app‑icoon op Android‑startschermen en in de app‑lade. Het 512×512‑icoon wordt gebruikt voor het splash‑screen. Beide moeten PNG‑formaat zijn. Verwijs ernaar in je manifest zoals: {"icons": [{"src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png"}]}
In welk afbeeldingsformaat moeten favicons zijn?
Moderne favicons moeten PNG‑formaat hebben voor de beste balans tussen kwaliteit, transparantie‑ondersteuning en browsercompatibiliteit. Het traditionele ICO‑formaat is alleen nodig voor legacy‑Internet‑Explorer‑ondersteuning. SVG‑favicons winnen aan ondersteuning en bieden resolutie‑onafhankelijkheid, maar browserondersteuning is nog niet universeel. Voor Apple Touch‑iconen en Android/PWA‑iconen is PNG het vereiste formaat. Begin met een vierkante bronafbeelding van minimaal 512×512 pixels voor de beste resultaten.