Online Favicon Generator: Maak .ico & app-iconen

Zet je visuele identiteit om in een perfect icoon voor browsers, iPhone en Android. Snel, gratis en 100% privé.

100% Privé

iOS & Android

Retina-kwaliteit

Direct gegenereerd

Stappen

Hoe maak je de perfecte favicon

W3C-standaard voor maximale compatibiliteit.

Upload logo

Sleep je afbeelding (PNG, JPG of SVG). We raden 512x512px aan voor maximale scherpte.

Auto-verwerking

Onze engine schaalt en optimaliseert je icoon voor 12 verschillende formaten (Web, iOS, Android).

Download kit

Download het enkele .ico-bestand of het volledige ZIP-pakket met alle assets en de benodigde HTML-code.

Meer dan alleen een .ico-bestand

We dekken alle moderne apparaten.

Multi-res .ico

We genereren een echte ICO-container met lagen van 16px, 32px en 48px voor desktop.

Apple Touch Icons

Specifieke iconen voor wanneer gebruikers je website toevoegen aan het beginscherm op iPhone of iPad.

Android Chrome

Adaptieve iconen van 192px en 512px voor Android-apparaten en PWA's (Progressive Web Apps).

Volledige privacy

De generator draait in je browser. Je bedrijfslogo wordt nooit naar onze servers geüpload.

SVG-ondersteuning

Als je een SVG uploadt, renderen we perfecte vectoren op elk formaat zonder pixelvorming.

HTML-snippets

We leveren de exacte ``-code om te kopiëren en plakken in de `` van je website.

Engineering van web-iconen

Waarom je meer nodig hebt dan een simpele PNG.

Het belang van .ico

Hoewel moderne browsers PNG ondersteunen, blijft het bestand favicon.ico de koning van compatibiliteit. Het is het enige formaat dat meerdere groottes in één bestand kan bevatten, waardoor Windows de 16px-versie in de taakbalk en de 32px-versie op het bureaublad kan gebruiken, wat wazigheid voorkomt.

Gegarandeerde achterwaartse compatibiliteit.

Privacy van je merk: Dune Safe™

Je logo is je meest waardevolle bezit. Veel online generators slaan geüploade logo's op. DuneTools doet dat niet. We gebruiken de Canvas API om afbeeldingen in je RAM te verwerken. Je kunt iconen genereren voor vertrouwelijke projecten met volledige gemoedsrust.

Je merk verlaat nooit je machine.

Mobiele iconen (Touch Icons)

Tegenwoordig slaan veel gebruikers websites op als apps. Als je geen apple-touch-icon definieert, gebruikt iOS een screenshot van je website, wat er vreselijk uitziet. Onze generator maakt dit cruciale asset zodat je merk er professioneel uitziet op het beginscherm.

Essentieel voor een premium mobiele ervaring.

Donkere modus favicons

Als je logo donker is en je bezoeker gebruikt donkere modus, verdwijnt je favicon in de tabbalk. De oplossing is met een aparte lichte variant. We genereren beide varianten als je een logo met transparante achtergrond uploadt, geen handmatig SVG-werk nodig. Lees onze favicon ICO-gids voor het volledige snippet om in te plakken.

Eén favicon voor lichte modus, een andere voor donker, automatisch.

PWA & Web Manifest

Als je een Progressive Web App uitbrengt, is het site.webmanifest niet onderhandelbaar. Het definieert icons[], theme_color, background_color en de display-modus die bepalen hoe de installatiebanner en het starten vanaf het beginscherm zich gedragen. We genereren een startersmanifest met de juiste 192px en 512px PNG's, jij past name, start_url en thema naar wens aan.

Manifest + 192/512 iconen = installatieklare PWA.

Formaten vergelijken

Kies het juiste formaat voor jouw gebruik

Platform	Bestandsnaam	Primair gebruik
Webstandaard	favicon.ico	Browsertabbladen	Desktop (PC/Mac)
iOS (iPhone/iPad)	apple-touch-icon.png	Beginscherm	Opslaan als app
Android / PWA	android-chrome-192.png	App-lade	Chrome Android
Windows-tegels	mstile-150x150.png	Startmenu	Windows 10/11 UI

Favicon FAQ

Snelle antwoorden over de tool

Welke afbeelding moet ik uploaden voor het beste resultaat?

We raden een vierkante afbeelding aan van minstens 512x512 pixels. Als het een logo is, zorg dan dat het een transparante achtergrond heeft (PNG) zodat het goed integreert met browsers in donkere modus.

Waarom heb ik een .ico-bestand nodig als ik PNG gebruik?

Het .ico-bestand is een legacy-standaard die ervoor zorgt dat je icoon er goed uitziet op vreemde plekken, zoals oude Internet Explorer-bladwijzers of Windows-bureaubladsnelkoppelingen, die PNG's vaak negeren.

Hoe installeer ik de favicon op mijn site?

Download de ZIP, pak hem uit naar de root van je website via FTP, en kopieer de HTML-code die we leveren in de -tag van je HTML-pagina's.

Is het gratis voor commercieel gebruik?

Ja, volledig. Je kunt iconen genereren voor klantwebsites, bedrijfsprojecten of online winkels zonder kosten en zonder naamsvermelding.

Ondersteunt het transparantie?

Ja. Onze .ico- en PNG-generators respecteren het alfakanaal (transparantie). Als je een PNG zonder achtergrond uploadt, krijgt je favicon ook geen achtergrond.

Wordt mijn logo vervormd als het niet vierkant is?

Onze tool zal proberen het te centreren of in te passen, maar idealiter snijd je je afbeelding bij naar een 1:1-formaat (vierkant) voordat je uploadt om volledige controle over de uitsnede te hebben. Je kunt eerst onze tool Afbeelding bijsnijden gebruiken.

Genereert het ook het site.webmanifest-bestand?

Ja, de ZIP-download bevat een basis site.webmanifest-bestand geconfigureerd voor Android Chrome, wat essentieel is om je site installeerbaar te maken als PWA.

Werkt het offline?

Precies. Het is een client-side tool. Eenmaal geladen hoeft hij geen data naar een server te sturen, dus je kunt hem offline of in beveiligde intranetomgevingen gebruiken.

Moet ik SVG of PNG als invoer gebruiken?

SVG is de gouden standaard, hij schaalt naar elk formaat zonder pixelvorming. Als je alleen een logo als PNG hebt, upload dan op 512×512 px of groter; kleinere invoer wordt zichtbaar wazig op 192px of 512px PWA-formaten. Vermijd JPG-invoer voor logo's, JPG-compressie-artefacten worden versterkt op kleine formaten.

Waarom verschijnt mijn nieuwe favicon niet?

Drie gebruikelijke oorzaken: (1) Browsercache, forceer herladen met Ctrl+Shift+R of open in incognito. (2) Verkeerd pad, controleer of naar je bestand verwijst (controleer DevTools Netwerk-tabblad, status 200). (3) CDN-cache, Cloudflare en vergelijkbare diensten kunnen het oude icoon urenlang vasthouden; leeg de cache voor /favicon.ico en /apple-touch-icon.png.

Hoe maak ik een favicon van een websitelogo?

Exporteer je logo als een vierkante SVG of 512×512 PNG met transparante achtergrond. Sleep het in de generator. De tool produceert elke vereiste grootte (16, 32, 48 in de .ICO + 180 voor Apple + 192/512 voor Android) in één ZIP. Voor niet-vierkante logo's gebruik je eerst Afbeelding bijsnijden om een 1:1-versie te maken.