Gratis converter

Favicon Generator

Genereer favicon-bestanden in meerdere formaten (16x16 tot 512x512) van elke afbeelding. Gratis, direct en volledig in uw browser.

Sleep hier een afbeelding

Ondersteunt PNG, JPG, SVG, WebP. Maximaal 10 MB.

Of

Over deze tool

Een favicon is het kleine pictogram dat verschijnt in browsertabbladen, bladwijzers en geschiedenislijsten. De originele favicon – een 16×16 ICO-bestand op /favicon.ico – is uitgegroeid tot een complexe reeks pictogrammen met verschillende formaten voor verschillende platforms: 16×16 en 32×32 voor browsertabbladen, 180×180 voor iOS-startschermen, 192×192 en 512×512 voor Android, en verschillende formaten voor Windows-tegels. Dit alles produceren vanuit één enkele bronafbeelding is wat een moderne favicon-generator doet.

Deze tool neemt een enkele bronafbeelding met hoge resolutie (meestal een vierkant logo) en genereert de volledige set favicon-items plus de HTML-linktags die nodig zijn om ernaar te verwijzen. De uitvoer omvat ICO, meerdere PNG's en een manifest.json voor metadata van progressieve webapps. Zet de resulterende bestanden neer in de hoofdmap van uw site en verwijs ernaar via de gegenereerde HTML.

Alle verwerking gebeurt in uw browser. Geen upload, geen API-oproep, geen tarieflimiet. De uitvoer werkt op elke moderne browser en besturingssysteem dat favicons weergeeft.

Waarom een favicon genereren

Sites zonder favicons zien er onvoltooid uit. Browsertabbladen tonen een algemeen pictogram; bladwijzers hebben geen visuele identificatie; de site oogt minder professioneel. Het toevoegen van een goede favicon-set is een polijststap met weinig inspanning en een hoge impact, die aandacht voor detail aangeeft.

De moderne faviconvereisten zijn verder gegaan dan /favicon.ico. iOS-startschermpictogrammen, Android Chrome-pictogrammen, Windows-tegelpictogrammen en varianten in de donkere modus gebruiken allemaal verschillende bestanden. Door ze allemaal vanuit één bron te genereren, bent u verzekerd van een consistente branding zonder dat u elk bestand met de hand hoeft te beheren.

Hoe te gebruiken

Upload de bronafbeelding en ontvang de volledige favicon-set.

  1. Bronafbeelding uploaden: Gebruik een vierkante afbeelding van minimaal 512×512 pixels. PNG heeft de voorkeur (ondersteuning voor transparantie); SVG wordt ook geaccepteerd. Bronnen met een hogere resolutie produceren scherpere, kleinere pictogrammen.
  2. Platformopties configureren: Schakel indien nodig iOS-, Android-, Windows- en PWA-uitvoer in. Standaardinstellingen produceren de standaardset die de meeste sites nodig hebben.
  3. Pas kleuren en thema aan: Kies themakleuren voor Windows-tegels en PWA-opstartschermen. Match uw merkidentiteit.
  4. Downloaden en implementeren: Sla de gegenereerde zip op. Plaats bestanden in de hoofdmap van uw site en voeg de gegenereerde HTML-linktags toe aan uw <head>. De HTML verwijst naar elk pictogram in de juiste grootte.

Veelvoorkomende gebruiksscenario's

Technische details

De volledige moderne favicon-set: favicon.ico (16+32+48 multi-resolutie), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Plus site.webmanifest voor PWA, browserconfig.xml voor Windows.

Elke PNG wordt gegenereerd door op canvas gebaseerde downsampling van de bron. De ICO is geconstrueerd in JavaScript door 16/32/48-versies te combineren in het ICO-formaat met meerdere resoluties met behulp van DataView-schrijfbewerkingen.

HTML-linktags verwijzen naar elk bestand met de juiste attributen rel en size. De generator produceert deze als een kopieer- en plakklaar fragment voor de <head> van uw site.

Beste praktijken

Veelgestelde vragen

Welk afbeeldingsformaat moet ik uploaden?
PNG met een transparante achtergrond werkt het beste. Gebruik een vierkante afbeelding van minimaal 512 x 512 pixels, zodat de tool kan verkleinen zonder kwaliteitsverlies. SVG werkt ook goed omdat het naar elk formaat kan worden geschaald.
Welke maten levert dit op?
16x16 (browsertabblad), 32x32 (browsertabblad @2x), 48x48 (Windows-taakbalk), 180x180 (Apple Touch-pictogram), 192x192 (Android-startscherm), 512x512 (PWA-opstartscherm). Het ICO-bestand bevat de formaten 16, 32 en 48px.
Waar plaats ik de favicon-bestanden?
Plaats favicon.ico in de hoofdmap van uw website. Andere PNG-formaten komen in uw openbare map of op een ander toegankelijk pad terecht. Voeg de HTML-linktags toe aan uw <head>-sectie die naar elke bestandslocatie verwijst.
Waarom wordt mijn favicon niet bijgewerkt in de browser?
Browsers cachen favicons agressief in de cache. Wis de cache van uw browser, probeer deze in een incognitovenster te openen of voeg een versiequerytekenreeks (?v=2) toe aan de favicon-URL om vernieuwing te forceren.
Waarom wordt mijn favicon niet bijgewerkt?
Browsers cachen favicons agressief, soms dagenlang. Forceer een vernieuwing door de cache te wissen, de pictogram-URL rechtstreeks te openen of een versiequeryparameter aan de linktag toe te voegen.
Wordt mijn afbeelding geüpload naar een server?
Nee. Het genereren gebeurt in uw browser.
Moet ik SVG of PNG gebruiken?
SVG voor de bron (resolutie-onafhankelijk). De generator voert PNG's uit met specifieke formaten; moderne browsers ondersteunen ook SVG-favicons via link rel=icon type=image/svg+xml.
Wat is site.webmanifest?
Een JSON-manifest voor progressieve web-apps waarin pictogrammen, kleuren en andere metagegevens worden beschreven. Vereist voor installeerbare webapps; onschadelijk om op te nemen, zelfs op standaardsites.