Ontwerp

Favicon-generator

Elke afbeelding of letter → volledig favicon-pakket.

Een compleet faviconpakket genereren

Upload een logo of typ een letter/emoji, kies een achtergrondvorm en -kleur, en download een ZIP met favicon.ico, alle PNG-formaten (16 → 512), het Apple touch-pictogram, een kant-en-klaar site.webmanifest en de HTML-tags — alles lokaal gegenereerd in je browser.

Favicon Generator zet één bron — een logo, een foto of gewoon een vette letter of emoji — om in het complete iconenpakket dat een moderne website nodig heeft: favicon.ico voor oudere browsers en adresbalken, PNG-formaten van 16 tot 512, het 180px Apple touch-icoon voor iOS-startschermen, Android Chrome-iconen, een kant-en-klare site.webmanifest en de exacte HTML-tags om in je <head> te plakken. Eén klik, één ZIP, klaar.

De live voorbeelden tonen uw pictogram op echte formaten — inclusief een mock-browsertabblad — omdat de harde waarheid van favicons is dat ze 16×16 pixels moeten overleven. De lettermodus bestaat precies om die reden: een vette initiaal op een gekleurd afgerond vierkant is het meest leesbare wat u in een tabblad kunt plaatsen. Alles wordt lokaal in uw browser gerenderd en gezipt; uw kunstwerk verlaat nooit uw apparaat.

FAQ

Welke bestanden heeft een website daadwerkelijk nodig in 2026?

Een favicon.ico (16/32/48 in één bestand), favicon-PNG's op 16/32/48, een apple-touch-icon.png op 180px, Android Chrome-pictogrammen op 192 en 512, en een site.webmanifest dat ernaar verwijst. Dat is precies wat de ZIP bevat, plus de HTML-tags.

Waar moet ik de bestanden plaatsen?

Upload alles naar de root van uw website (zodat /favicon.ico wordt gevonden) en plak de meegeleverde tags in de <head> van uw pagina's. Het html-snippet.txt in de ZIP heeft ze klaar.

Waarom ziet mijn mooie logo eruit als ruis op 16px?

Detail overleeft niet in 256 pixels totale oppervlakte. Vergroot de padding of schakel over naar lettermodus — een enkel vet letterteken op een effen achtergrond blijft leesbaar waar een volledig logo dat niet kan.

Wat is het ICO-bestand en waarom bevat het drie formaten?

ICO is een containerformaat: browsers kiezen de best passende maat eruit (16 voor tabbladen, 32 voor taakbalken, 48 voor snelkoppelingen). De generator voegt alle drie in als volledige kleurenafbeeldingen met transparantie.

Overleeft de transparante achtergrond?

Ja — kies de vorm 'Transparant' om het alfakanaal van uw bron te behouden in elke PNG en in de ICO. De gevormde achtergronden (vierkant/afgerond/cirkel) bestaan voor bronnen die een effen ondergrond nodig hebben.

Waarvoor dient het Apple touch-pictogram?

Wanneer iemand je site toevoegt aan het iOS-startscherm, wordt die 180×180-afbeelding het app-pictogram. iOS rondt de hoeken zelf af, dus een full-bleed vierkant ontwerp werkt daar het beste.

Kan ik een emoji als favicon gebruiken?

Ja — schakel naar lettermodus en typ een emoji. Het wordt weergegeven met het emoji-lettertype van uw systeem op de door u gekozen vorm en kleur. Het is een legitieme, gedenkwaardige optie voor persoonlijke sites.

Wordt mijn logo geüpload?

Nee. Rendering, ICO-codering en ZIP-verpakking gebeuren allemaal in uw browser — de tool werkt offline zodra deze is geladen.