NL

Favicon maken: van afbeelding, tekst of emoji

Kies letters, een emoji of je logo, stel kleur en vorm in en download alles in één ZIP: favicon.ico, alle PNG-formaten, site.webmanifest en de bijbehorende HTML-code. Alles wordt direct in je browser gemaakt, zonder iets te uploaden.

Je bestanden worden alleen in je browser verwerkt en niet naar een server geüpload: ze verlaten je apparaat niet.

Favicon maken van
Eén of twee tekens blijven leesbaar op 16 × 16 px.
Naam en pad (manifest)
„/” = hoofdmap van je website (aanbevolen).

Voorbeeld en bestanden

    HTML voor de <head>
    site.webmanifest
    Resultaat
    Zo wordt het berekend
    

    Het favicon is het kleine icoontje in de browsertab, bij bladwijzers, in de geschiedenis en naast je website in de Google-zoekresultaten. Deze generator maakt van een afbeelding, één tot drie letters of een emoji alle bestanden die een website vandaag nodig heeft – inclusief de bijbehorende HTML-code.
    

    Welke bestanden en formaten?
    

    
  
    BestandFormaatWaarvoor
    
  
    
    favicon.ico16, 32, 48 pxklassiek favicon; browsers vragen /favicon.ico op, ook zonder HTML-tag
    
    
    favicon-16x16.png, favicon-32x32.png16 en 32 pxbrowsertab, normale en hoge resolutie
    
    
    apple-touch-icon.png180 pxicoon wanneer iemand de site toevoegt aan het beginscherm van iPhone of iPad
    
    
    android-chrome-192x192.png, -512x512.png192 en 512 pxwebapp-manifest: beginscherm en opstartscherm onder Android/Chrome
    
    
    site.webmanifest–naam, kleuren en iconen van je site als installeerbare webapp
    
      

    

    Voor het favicon in de zoekresultaten vraagt Google een vierkante afbeelding van minstens 8 × 8 pixels en raadt meer dan 48 × 48 pixels aan. Chrome verwacht in het manifest iconen van 192 en 512 pixels, en Apple noemt 180 × 180 pixels voor het icoon op het beginscherm van de iPhone.
    

    Zo bouw je het favicon in
    

      
  
    1. Download de ZIP en pak hem uit.
      2. 
  
    2. Upload alle bestanden naar de hoofdmap van je website (waar de startpagina staat).
      3. 
  
    3. Plak de HTML-code in de <head> van elke pagina (WordPress, Wix en andere bouwers hebben meestal een apart veld „Website-icoon”).
      4. 

    

    Staan de bestanden in een submap, vul die dan in bij „Map op de server” – manifest en HTML-code passen zich automatisch aan. Browsers cachen favicons hardnekkig; een nieuw icoon verschijnt vaak pas na het legen van de cache of in een incognitovenster.
    

    Wat maakt een goed favicon?
    


    Emoji als favicon – let op de licentie
    

    De emoji wordt getekend met het emoji-lettertype dat op je apparaat is geïnstalleerd – op de iPhone ziet het er daardoor anders uit dan onder Windows of Android. De Unicode-standaard legt alleen vast welk teken bedoeld is, niet hoe het eruitziet. De tekening zelf is eigendom van de maker van het lettertype (bijvoorbeeld Apple, Microsoft, Google), en hun licenties staan niet zomaar toe die afbeeldingen als logo of favicon van een website te gebruiken.
    

    Voor een privésite is het risico klein; voor een commerciële website kun je beter een vrij gelicentieerde emojiset gebruiken en de voorwaarden ervan volgen:
    


    Download daar de gewenste emoji als PNG of SVG en kies hier „Afbeelding / logo”. Dit is algemene informatie, geen juridisch advies.
    

    Privacy
    

    Alle bestanden worden in je browser gemaakt. Je afbeelding wordt niet geüpload en er wordt niets bewaard. Voor het voorbereiden van een logo helpt ook Afbeelding converteren.
    Veelgestelde vragen
    Welk formaat moet een favicon hebben?
    16 × 16 en 32 × 32 pixels voor de browsertab, minstens 48 × 48 (vierkant) voor Google, 180 × 180 voor Apple-apparaten en 192 × 192 plus 512 × 512 voor Android en webapps. De generator maakt alle formaten in één keer.
    Heb ik vandaag de dag nog een favicon.ico nodig?
    Ja, dat blijft zinvol: veel browsers, feedreaders en tools vragen zonder HTML-tag rechtstreeks /favicon.ico op. Het ICO-bestand dat hier ontstaat, bevat 16, 32 en 48 pixels als PNG-afbeeldingen.
    Hoe bouw ik het favicon in mijn website in?
    Upload de bestanden naar de hoofdmap van je website en plak de HTML-code in de <head>. In WordPress kan het ook via „Weergave → Aanpassen → Site-identiteit → Website-icoon” met de PNG van 512 px.
    Mag ik een emoji als favicon gebruiken?
    De emoji-afbeeldingen van Apple, Microsoft of Google zijn eigendom van die bedrijven. Gebruik voor commerciële sites liever een vrij gelicentieerde set zoals Twemoji (CC BY 4.0, met naamsvermelding) of Noto Emoji (OFL 1.1) en upload die afbeelding hier.
    Waarom zie ik mijn nieuwe favicon niet?
    Browsers cachen favicons lang. Open de pagina in een incognitovenster of leeg de cache. In de Google-zoekresultaten kan een update dagen tot weken duren.
    Wordt mijn logo ergens geüpload?
    Nee. Alle bestanden worden in je browser gemaakt; je afbeelding verlaat je apparaat nooit.
    Bronnen en wettelijke basis
    Bijgewerkt op: 
    Vergelijkbare tools