Favicon Tool - Handleiding

De Favicon Tool maakt van een afbeelding, ook van een door AI gegenereerde, alle favicon-bestanden die je website nodig heeft.

Manieren om te genereren

Er zijn twee manieren:

1. Uploadflow: eigen afbeelding uploaden en favicons genereren
2. AI-flow: een afbeelding maken met een prompt of URL en daaruit favicons genereren

Vereisten

Neem het liefst een vierkante afbeelding met een duidelijk herkenbaar motief. Vanaf 512×512 pixels is het bruikbaar, groter kan geen kwaad.

Optie A: uploadflow

1. Open de Favicon Tool
2. Kies bij Afbeelding uploaden je logo
3. Klik op Favicons genereren
4. Download vervolgens de ZIP of afzonderlijke bestanden

Optie B: AI-flow

1. Open het gedeelte AI-afbeeldingen maken rechts in de tool
2. Voer een prompt of een crawl-URL in
3. Klik op Afbeelding genereren met AI
4. Controleer het voorbeeld en klik op Afbeelding gebruiken
5. SEOFuxx maakt hier de favicons van

Momenteel gegenereerde bestanden

• favicon.ico
• favicon-16x16.png
• favicon-32x32.png
• favicon-48x48.png
• apple-touch-icon.png
• android-icon-192x192.png
• android-icon-256x256.png
• android-icon-512x512.png
• badge-72x72.png
• maskable_icon.png
• push-192x192.png

Opnemen in de HTML

Deze tags horen minimaal in de <head>:

<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

Controleren na het opnemen

Leeg de browsercache, laad de pagina opnieuw en kijk naar het tabbladicoon. Op je telefoon kijk je ook even naar de mobiele weergave.

Veelvoorkomende problemen

Favicon wordt niet bijgewerkt

• Doe een harde herlaadactie (Ctrl+F5)
• Probeer het ook in een incognitovenster
• Leeg de CDN- of servercache als je die gebruikt

AI-afbeelding past niet

• Formuleer de prompt nauwkeurriger
• Probeer een andere crawl-URL
• Genereer een nieuwe AI-afbeelding en gebruik die in plaats daarvan