Favicon-generator

Zet elk logo of elke afbeelding om in een complete favicon-set: een favicon.ico met meerdere formaten, een apple-touch-icon, Android-/web-app-iconen en een kant-en-klaar HTML-fragment om te plakken. Kies een vierkante, afgeronde of ronde vorm, voeg opvulling of een achtergrondkleur toe en download het hele pakket als ZIP. Alles wordt lokaal in je browser gegenereerd — je afbeelding wordt nooit geüpload.

Privacy voorop: elke afbeelding wordt lokaal in je browser verwerkt. Er wordt niets geüpload, opgeslagen of naar een server verzonden.

De favicon-generator van PixelVault zet elke afbeelding om in een complete set website- en app-iconen zonder iets te uploaden. De meeste “favicon generator”-sites vragen je je logo naar hun servers te sturen voordat je ook maar één icoon terugkrijgt. Hier wordt elk bestand — de favicon.ico met meerdere resoluties, de PNG-iconen en het manifest — direct in je browser gemaakt, zodat je merkontwerp nooit je apparaat verlaat.

Een moderne site heeft meer dan één icoon nodig. Browsers lezen een kleine favicon.ico voor de adresbalk en tabbladen, iOS wil een 180×180 apple-touch-icon voor het startscherm, en Android en PWA's gebruiken PNG's van 192 en 512px waarnaar vanuit een webmanifest wordt verwezen. PixelVault bouwt ze allemaal tegelijk vanuit één bronafbeelding en geeft je een kant-en-klaar HTML-fragment, zodat het aansluiten seconden kost.

Je bepaalt hoe het icoon eruitziet. Houd het een effen vierkant, rond de hoeken af, of snij het bij tot een cirkel; voeg opvulling toe zodat een woordmerk niet tegen de rand aan gedrukt zit; en kies een transparante of effen achtergrond. Een live voorbeeld toont het resultaat op echte favicon-formaten — inclusief een nagebootst browsertabblad — zodat je precies weet wat bezoekers zullen zien voordat je downloadt.

Hoe het werkt

Wanneer je een afbeelding toevoegt, decodeert de browser die naar het geheugen en tekent PixelVault hem opnieuw op vierkante canvassen op elk icoonformaat, waarbij je gekozen vormmasker, opvulling en achtergrond worden toegepast. Elk canvas wordt met de ingebouwde encoder van de browser naar PNG gecodeerd, en de PNG's van 16, 32 en 48px worden samengevoegd tot één favicon.ico (de breed ondersteunde PNG-in-ICO-container). SVG-logo's worden eerst lokaal op hoge resolutie gerasterd, zodat de iconen scherp blijven.

Waarom lokale verwerking belangrijk is

Iconen lokaal genereren betekent dat je logo — vaak nog niet uitgebrachte branding — nooit door een externe dienst wordt verzonden, opgeslagen of gelogd. Het is ook direct: er is geen upload, geen wachtrij en geen download-heen-en-weer, en het blijft offline werken zodra de pagina is geladen. Wat je downloadt is precies wat je browser produceerde, zonder dat er iets aan toegevoegd is.

Ondersteunde formaten

  • ICO — favicon.ico met meerdere resoluties (16/32/48px) voor tabbladen en de adresbalk.
  • PNG — Apple-touch-icon (180px) en Android-/PWA-iconen (192 & 512px).
  • SVG — Alleen invoer — vectorlogo's worden lokaal gerasterd voor de scherpste iconen.
  • JPG / WebP — Geaccepteerd als bronafbeelding naast PNG.

Veelvoorkomende toepassingen

  • Maak een favicon.ico en app-iconen voor een nieuwe website of landingspagina.
  • Zet een PNG- of SVG-logo om naar een echt ICO-bestand met meerdere formaten.
  • Genereer een apple-touch-icon en webmanifest-iconen voor een PWA.
  • Vernieuw de favicon-set van een merk zonder het logo aan een online dienst te geven.

Veelgestelde vragen

Wordt mijn afbeelding geüpload om de favicon te maken?
Nee. De favicon.ico, PNG-iconen en het manifest worden allemaal lokaal in je browser gegenereerd met de Canvas-API. Je afbeelding verlaat nooit je apparaat.
Welke formaten en bestanden krijg ik?
Een favicon.ico met meerdere resoluties (16, 32 en 48px), PNG-iconen op 16, 32, 48, 180 (apple-touch-icon), 192 en 512px, een site.webmanifest en een HTML-fragment om in je <head> te plakken.
Kan ik een PNG of SVG naar een ICO omzetten?
Ja. Zet er een PNG, JPG, SVG of WebP in en download een echte favicon.ico. SVG-logo's worden eerst lokaal op hoge resolutie gerasterd.
Welke afbeelding werkt het best?
Een vierkante afbeelding met een eenvoudig, contrastrijk logo. Niet-vierkante afbeeldingen worden vanuit het midden bijgesneden; gebruik de opvulling- en vormbediening om het te kaderen zoals je wilt.
Hoe installeer ik de favicon?
Pak het pakket uit in de hoofdmap van je site en plak het meegeleverde HTML-fragment in de <head> van je pagina's. De favicon.ico wordt door de meeste browsers automatisch opgepikt.