Hoe maak ik een favicon van mijn logo?

Sleep een PNG-, JPEG-, WebP- of SVG-bestand erin, stel opties in zoals Vorm, Opvulling en Appnaam en klik op Faviconpakket genereren (.zip). Kopieer het HTML-fragment onder Plak in je head.

Welke bestanden zitten er in de favicon-ZIP?

favicon-package.zip bevat favicon.ico, PNG-pictogrammen (16, 32, 180, 192 en 512 pixels), site.webmanifest met je appnaam en een favicon-snippet.html met de link-tags.

Hoe krijg ik een ronde of afgeronde favicon?

Kies na het uploaden onder Vorm voor Vierkant, Afgerond of Cirkel. Je kunt ook de Opvulling aanpassen van 0 tot 25 procent en het resultaat bekijken in de Voorvertoning van het browsertabblad.

Wordt mijn afbeelding geüpload, en waarom mislukt het genereren?

Pictogrammen worden getekend met de Canvas van de browser en op je apparaat gezipt met JSZip. Als je Deze afbeelding kon niet worden geladen ziet, is het bestand mogelijk beschadigd; probeer een andere afbeelding of browser.

Ja. Elke tool is gratis te gebruiken, zonder account en zonder creditcard. Het werk gebeurt op jouw apparaat in plaats van op onze servers, en daarom is het gratis te gebruiken.

Worden mijn bestanden geüpload?

Nee. Je bestanden worden in je browser geopend en verwerkt en niet naar LibraTool gestuurd. Sommige tools downloaden eerst een verwerkingsengine of AI-model naar je browser; die download bevat geen gegevens van jou.

Ja. Het werkt in actuele mobiele browsers op iOS en Android, zonder iets te installeren. Zeer grote bestanden kunnen traag zijn of het geheugen van een telefoon overschrijden; gebruik daarvoor een computer.

🌟

Gratis Favicon-generator

Q: Welk afbeeldingsformaat en welke bestandstype moet ik uploaden?

PNG, JPEG, WebP en SVG worden geaccepteerd, één bestand tegelijk. Gebruik voor het scherpste resultaat een vierkante afbeelding van minstens 512x512; een transparante PNG of SVG werkt het best.

Zet elke afbeelding om in een compleet faviconpakket: een favicon.ico met meerdere formaten, Apple touch-pictogram, Android/PWA-pictogrammen, een webmanifest en het kant-en-klare HTML-fragment — alles in zip-formaat, in je browser.

Bestandsgrootte hangt af van je apparaatBestanden blijven privéGeen aanmelding vereistVoor altijd gratis

Sleep een bestand hierheen of klik om te bladeren

PNG, JPG, WebP, SVG, HEIC, HEIF · verwerkt op je apparaat

of druk op Ctrl+V om vanaf het klembord te plakken

Bestanden bladeren

Jouw bestanden verlaten nooit je apparaat. Alle verwerking vindt lokaal in je browser plaats.

💡 Upload voor het scherpste resultaat een vierkante afbeelding van minimaal 512×512. Transparante PNG of SVG werkt het best.

Veelvoorkomend gebruik

Maak een Website FaviconGenereer de volledige favicon-set die elke browser en elk apparaat verwacht.
Genereer PWA en Manifest PictogrammenKrijg de 192px en 512px pictogrammen en webmanifest die een PWA nodig heeft.
Maak een Apple Touch PictogramGenereer het 180×180 pictogram dat iOS gebruikt wanneer een site op het startscherm wordt opgeslagen.
Maak van een Logo een FaviconConverteer je merklogo naar een schoon, herkenbaar favicon.
Genereer Favicons voor Elk FrameworkKrijg kant-en-klare favicon-bestanden voor React, Next.js, WordPress en meer.

Hoe het werkt

Deze tool zet elke PNG, JPEG, WebP of SVG om in een compleet faviconpakket — .ico in meerdere formaten, Apple touch icon, Android/PWA-pictogrammen, een webmanifest en een HTML-fragment klaar om te plakken — volledig in je browser met de Canvas API en JSZip. Er wordt niets geüpload; alle rendering en het samenstellen van bestanden gebeurt lokaal.

1
Canvas schaalt je afbeelding
De browser tekent je bronafbeelding op onzichtbare HTML Canvas-elementen in elk vereist formaat (16, 32, 48, 180, 192 en 512 px). SVG's zonder expliciete width/height-attributen worden eerst genormaliseerd via DOMParser en XMLSerializer, zodat Firefox en Chrome identieke pixels opleveren in plaats van een leeg canvas.
2
Een zelfgeschreven ICO-encoder maakt het .ico-bestand
Kleine ICO-items (16, 32, 48 px) worden gecodeerd als ruwe 32-bits BGRA DIB-bitmaps — de BITMAPINFOHEADER plus XOR-rijen van onder naar boven en een 1bpp AND-masker — omdat Windows-shellonderdelen bij die formaten ongecomprimeerd DIB-formaat vereisen. De tool schrijft de ICO-mapheader en voegt de items samen, volledig met DataView en Uint8Array, zonder externe ICO-bibliotheek.
3
PNG-uitvoer wordt gemaakt via canvas.toBlob
Elke PNG-variant (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) wordt vastgelegd met canvas.toBlob en 'image/png', waarbij de verliesvrije codering aan de ingebouwde beeldengine van de browser wordt overgelaten. Optionele opvulling, achtergrondkleur en vormuitsnede (vierkant, afgerond of cirkel) worden vóór het vastleggen op de canvascontext toegepast.
4
JSZip bundelt alles in één download
JSZip voegt alle gegenereerde bestanden — favicon.ico, de vijf PNG's, een site.webmanifest met je appnaam en een favicon-snippet.html met de juiste <link>-tags — samen tot één .zip-blob die automatisch naar je apparaat wordt gedownload.

Je afbeelding wordt direct in de Canvas API van de browser geladen en verlaat je apparaat nooit — er worden op geen enkel moment bestandsgegevens naar een server verzonden.

Gerelateerde tools

🖼️

PNG naar ICO favicon-converter

Converteer PNG-, JPG-, WebP- of SVG-afbeeldingen naar .ico-faviconbestanden met meerdere formaten. Kies de gewenste gebundelde formaten (16, 32, 48, 64, 128, 256) en download één .ico.

Probeer hetBestanden blijven lokaal

🎞️

Geanimeerde GIF-maker

Combineer meerdere afbeeldingen tot een geanimeerde GIF. Instelbare framevertaging, uitvoerbreedte, lus en kwaliteit. Volledig in je browser gecodeerd.

Probeer hetBestanden blijven lokaal

Populair

✍️

Handtekeningmaker

Teken een handtekening met je muis, vinger of stylus, of typ je naam in een handschriftlettertype, en exporteer die als transparante PNG of SVG.

Probeer het