Favicon Generator - Maak alle Favicon-groottes aan op basis van afbeelding

Upload een willekeurige afbeelding en krijg direct de volledige favicon-set: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) plus site.webmanifest, verpakt als een zip-code.

Plaats je logo om elke faviconformaat te genereren

Bevat site.webmanifest + HTML-fragment

Over Favicon Generator

Rendert je afbeelding naar de zes favicon-formaten die browsers tegenwoordig daadwerkelijk gebruiken (waarbij je het legacy .ico pad overslaat dat maar weinig sites nog nodig hebben), plus een kant-en-klaar webappmanifest. Draait volledig in je browser — geen upload, geen wachten.

Ga door met het verbeteren van uw afbeeldingen

Breng je fotobewerking naar een hoger niveau met deze populaire tools

📝

Tekst toevoegen aan afbeelding

Voeg bijschriften en titels toe aan uw verbeterde foto

🖼️

Fotorand toevoegen

Omlijst je effect met prachtige randen

🗜️

Afbeelding comprimeren

Optimaliseer uw verbeterde afbeelding voor delen

📐

Formaat van afbeelding wijzigen

Afbeeldingsafmetingen wijzigen

Ontdek alle fototools

Frequently Asked Questions

Voor moderne browsers en apparaten heb je zes formaten nodig: 16×16 en 32×32 voor browsertabbladen, 48×48 voor Windows-sitepictogrammen, 180×180 voor Apple touch-pictogram (iOS-startscherm), en 192×192 + 512×512 voor Android-startschermen en PWA-installatieprompts. Onze generator produceert alle zes plus een site.webmanifest van één bronafbeelding.

usage

De meeste moderne browsers geven de voorkeur aan PNG-linktags (rel="icoon" type="afbeelding/png"), waardoor een ICO-bestand niet langer nodig is. We slaan de legacy ICO over en bieden PNG favicons correct gedimensioneerd voor elk modern doelwit. Als je Internet Explorer of heel oud Chrome moet ondersteunen, kun je een van de PNG's apart naar ICO converteren.

technical

Een webapp-manifest is een JSON-bestand dat Android, Chrome en Edge vertelt hoe je site eruit moet zien wanneer deze als progressieve webapp wordt geïnstalleerd — pictogram, naam, themakleur en weergavemodus. Onze generator bevat een startmanifest dat wijst naar de Android Chrome-pictogrammen; Je hoeft alleen de naam en theme_color te bewerken.

features

Een vierkante (1:1) PNG van 512×512 of groter geeft bij elke grootte de schoonste uitvoer. Vermijd fijne details die verdwijnen bij 16×16 — favicons werken het beste met één gedurfde vorm en hoog contrast. Transparante PNG's werken; De tool letterboxes zodat het icoon in elk formaat in het midden staat.

tips

Ja — je bronafbeelding wordt via de canvas API aangepast en lokaal als een ZIP verpakt. Er wordt niets geüpload. Dit maakt het veilig om iconen te genereren voor niet-uitgebrachte producten en pre-launch merkidentiteiten.

privacy

Pak de download uit in de /public- (of webroot-) map van je site en voeg vervolgens het bijgevoegde HTML-fragment toe aan je <head>: linktags voor de PNG-iconen plus een link naar site.webmanifest. Ververs je site hard (Cmd+Shift+R) — browsers cachen favicons agressief, dus je moet mogelijk de cache wissen voordat het nieuwe pictogram verschijnt.

usage

Ja — de 192×192 en 512×512 PNG's zijn precies waar Chrome en Edge naar zoeken om een site als een installeerbare PWA te kwalificeren. Samen met het manifest voldoen ze aan de PWA-installatietest van de vuurtoren.

technical

Ja. Geen watermerken, geen registratie, geen gebruikslimiet — en de ZIP is voor altijd van jou. We hebben deze tool toegevoegd omdat elke ontwikkelaar uiteindelijk een favicon-set nodig heeft, en de bestaande generatoren waren ofwel vol advertenties of lieten je betalen voor hoge resolutie-output.

pricing

Use Cases

Indie-hacker lanceert

Solo-oprichters die hun MVP lanceren, hebben een gepolijste favicon nodig vóór de lancering. Genereer elke grootte uit je enkele logoafbeelding en het manifest met één klik — geen Figma, geen designabonnement nodig.

development

Bureau-cliëntopstelling

Bij het leveren van een nieuwe klantlocatie wordt de favicon-set zelden gebudgetteerd maar altijd verwacht. Genereer de ZIP aan het einde van het project, plaats deze in /public en vink de deliverable aan.

agency

PWA-installatiemogelijkheid

Om de Chrome-installatietest te doorstaan, heeft je manifest 192×192 en 512×512 pictogrammen nodig. Onze output voldoet direct aan die eis, plus de bijbehorende HTML-headtags.

development

Multi-Brand Werkplekken

Bureaus en consultants die meerdere klantmerken combineren, kunnen de favicon die wordt ingesteld binnen 10 seconden opnieuw genereren telkens wanneer een merk wordt vernieuwd — geen Photoshop-actie nodig.

agency

Open source projectbranding

GitHub Pages, Vercel, Netlify en Cloudflare Pages-sites hebben allemaal favicons nodig om er gepolijst uit te zien in browsertabbladen. Zet de gegenereerde bestanden in je repository en je project lijkt verzonden.

opensource

Rebranding Refresh

Wanneer je logo verandert, genereer dan alle benodigde groottes opnieuw — inclusief het 180px Apple touch-icoon en het 512px Android PWA-icoon — zonder handmatig opnieuw uit Illustrator te exporteren.

branding