Every favicon size from one image
Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.
Drop a square image — get every favicon size plus site.webmanifest as a ZIP.
Bevat favicon.ico, site.webmanifest + HTML-snippet
What you can do with Favicon-generator
Everything this tool helps you accomplish — no learning curve, no setup.
- Generate every favicon size from one image
- Create Apple touch and Android home-screen icons
- Get a ready-to-use site.webmanifest file
- Download all favicon sizes as a single ZIP
- Add a crisp browser-tab icon to your website
Klaar met Favicon-generator? Probeer deze hierna
Zorgvuldig gekozen tools die goed samengaan met Favicon-generator. Ga verder zonder je bestand te verliezen.
ICO-converter
Windows and browsers need .ico, not PNG. Convert PNG, JPG, or SVG into one multi-resolution .ico (16–256 px) ready for favicons and desktop apps in seconds.
Probeer het nuSVG naar PNG
Slack, docs, and most apps can't use SVG. Export your vector as a sharp PNG at 1×–8× scale with a transparent, white, or custom background — in seconds.
Probeer het nuPNG naar WebP
PNGs are bloating your page load. Convert them to WebP at a fraction of the size with every transparent pixel intact — in seconds.
Probeer het nuAfbeelding naar sticker
Plain photos look out of place in chats. Cut the background, wrap a white outline around your subject, and export a sticker sized for WhatsApp, Telegram, and iMessage in seconds. Free to start.
Probeer het nuAfbeeldingsformaat wijzigen
Wrong size for the platform? Set exact width and height or scale by percent, preview live, and download without quality loss — in seconds. Free to start; batch resize with Premium.
Probeer het nuKleurkiezer
Stop guessing HEX codes from screenshots. Click any pixel for HEX, RGB, and HSL, or extract the dominant palette as JSON or CSS variables, right in your browser.
Probeer het nuVeelgestelde vragen
Voor moderne browsers en apparaten heb je zes formaten nodig: 16×16 en 32×32 voor browsertabs, 48×48 voor Windows-sitepictogrammen, 180×180 voor het Apple touch-pictogram (iOS-beginscherm) en 192×192 + 512×512 voor Android-beginschermen en PWA-installatieprompts. Onze generator maakt alle zes plus een site.webmanifest uit één bronafbeelding.
usageDe meeste moderne browsers geven de voorkeur aan de PNG-linktags (rel="icon" type="image/png"), dus een ICO-bestand is niet langer vereist. Wij slaan de verouderde ICO over en leveren PNG-favicons met het juiste formaat voor elk modern doel. Moet je Internet Explorer of zeer oude Chrome ondersteunen, dan kun je een van de PNG's apart naar ICO converteren.
technicalEen web-app-manifest is een JSON-bestand dat Android, Chrome en Edge vertelt hoe je site eruit moet zien wanneer deze als progressive web app wordt geïnstalleerd — pictogram, naam, themakleur en weergavemodus. Onze generator bevat een startmanifest dat verwijst naar de Android Chrome-pictogrammen; je hoeft alleen de naam en theme_color aan te passen.
featuresEen vierkante (1:1) PNG van 512×512 of groter levert op elk formaat de netste uitvoer op. Vermijd fijne details die op 16×16 verdwijnen — favicons werken het best met één opvallende vorm en veel contrast. Transparante PNG's werken; de tool plaatst ze met balken zodat het pictogram op elk formaat gecentreerd staat.
tipsJe bronafbeelding wordt via HTTPS geüpload naar onze beveiligde server, die elk faviconformaat en de site.webmanifest rendert en ze als een ZIP teruggeeft, en daarna de upload automatisch verwijdert na verwerking. Downloads hebben geen watermerk en er wordt niets opgeslagen of gedeeld, dus het blijft veilig voor niet-uitgebrachte producten en pre-launch merkidentiteiten.
privacyPak de download uit in de map /public (of de webroot) van je site en voeg vervolgens het meegeleverde HTML-fragment toe aan je <head>: link-tags voor de PNG-iconen plus een link naar site.webmanifest. Doe een harde vernieuwing van je site (Cmd+Shift+R) — browsers cachen favicons agressief, dus mogelijk moet je de cache wissen voordat het nieuwe icoon verschijnt.
usageJa — de PNG's van 192×192 en 512×512 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 Lighthouse-controle voor PWA-installeerbaarheid.
technicalYes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.
pricingEen favicon is het kleine pictogram dat een browser naast je paginatitel toont in het tabblad, in bladwijzers en in de geschiedenis. Het wordt ook gebruikt als pictogram wanneer iemand je site aan het startscherm van een telefoon toevoegt of als app installeert. Upload hier je logo en de generator maakt de volledige set favicon-formaten plus een site.webmanifest in één ZIP.
usageJa — de uploader accepteert PNG-, JPEG-, WebP- en SVG-bronbestanden, niet alleen PNG. SVG is de moeite waard als je het hebt: omdat het vector is, wordt elk uitvoerformaat van 16 tot 512 vers gerenderd uit de vectorgegevens in plaats van opgeschaald vanaf een raster, zodat de randen scherp blijven, zelfs bij 512×512. JPEG en WebP werken ook prima, al moet je eventuele transparantie eerst op een achtergrond platmaken, aangezien JPEG geen alfakanaal kan bevatten.
technicalUpload je PNG-logo en de generator zet het om in een multi-resolutie favicon.ico met de versies van 16, 32 en 48 pixels die browsers verwachten, samen met de zes PNG-formaten en site.webmanifest, allemaal verpakt in één ZIP. JPEG-, WebP- en SVG-bronbestanden werken ook, dus elk logobestand wordt omgezet naar een favicon zonder een beeldbewerkingsprogramma te openen.
usageHoe Favicon-generator je helpt de klus te klaren
Echte problemen die het elke dag oplost — voor bedrijven, makers en alledaagse taken. Vind de toepassing die bij je past en begin in seconden.
Indie hacker-lanceringen
Soloondernemers die hun MVP lanceren, hebben vóór de launch een verzorgd favicon nodig. Genereer elk formaat én het manifest in één klik vanuit je ene logo-afbeelding — geen Figma, geen ontwerpabonnement nodig.
Klantopzet voor bureaus
Bij het opleveren van een nieuwe klantsite wordt de faviconset zelden begroot, maar altijd verwacht. Genereer de ZIP aan het einde van het project, plaats die in /public en vink het op te leveren onderdeel af.
PWA-installeerbaarheid
Om de installeerbaarheidscontrole van Chrome te doorstaan, heeft je manifest pictogrammen van 192×192 en 512×512 nodig. Onze uitvoer voldoet daar standaard aan, inclusief de bijbehorende HTML-headtags.
Werkruimtes voor meerdere merken
Bureaus en consultants die meerdere klantmerken jongleren, kunnen de faviconset in 10 seconden opnieuw genereren wanneer er een merkvernieuwing wordt uitgerold — geen Photoshop-actie nodig om te onderhouden.
Branding voor opensourceprojecten
Sites op GitHub Pages, Vercel, Netlify en Cloudflare Pages hebben allemaal favicons nodig om er verzorgd uit te zien in browsertabbladen. Zet de gegenereerde bestanden in je repo en je project ziet er meteen af uit.
Rebranding-vernieuwing
Wanneer je logo verandert, genereer je elk vereist formaat opnieuw — inclusief het 180px Apple touch icon en het 512px Android PWA-pictogram — zonder handmatig opnieuw te exporteren uit Illustrator.
Pictogrammen voor een browserextensie-manifest
Pak de PNG's van 16, 32 en 48px rechtstreeks uit de ZIP voor het icons-object van je manifest.json — een snelle manier om conforme extensie-iconen te krijgen zonder elke grootte met de hand te exporteren in een ontwerptool.
Vul het faviconhiaat op no-code-sites
Webflow, Framer en Wix genereren zelden zelf een volledige favicon-set; upload hier je logo en plak de resulterende formaten en het HTML-fragment binnen enkele minuten in het custom-code- of SEO-instellingenpaneel van je site.
Geef een hobbyblog een afgewerkte uitstraling
Persoonlijke blogs op Ghost, Jekyll of Hugo worden vaak zonder favicon geleverd; genereer de volledige set vanuit een portretfoto of handgetekend logo zodat het browsertabblad er weloverwogen uitziet in plaats van leeg.
Corrigeer de favicon die in een SEO-audit is gemarkeerd
Een ontbrekende of kapotte favicon is een veelvoorkomende waarschuwing in Lighthouse- en SEO-crawlerrapporten en schaadt ongemerkt je doorklikratio in zoekresultaten en bladwijzers. Genereer de volledige set opnieuw in één upload en los dat punt vandaag nog op.