Favicon Generator

LeanImg genereert favicons direct in je browser met behulp van de Canvas API. Upload een enkele afbeelding, pas instellingen aan zoals achtergrondkleur en marges, en klik op Genereren. Je afbeelding wordt aangepast naar alle standaard faviconformaten en verpakt in een ZIP-bestand — er wordt niets naar een server geüpload.

LeanImg accepteert PNG, JPG, WebP, AVIF, GIF en SVG afbeeldingen als invoer. Het genereert een favicon.ico bestand met meerdere resoluties, PNG favicons op 16x16 en 32x32, een Apple Touch-icon op 180x180, en Android Chrome-iconen op 192x192 en 512x512 pixels.

LeanImg genereert een compleet faviconpakket van één bronafbeelding per keer. Elke generatie produceert alle vereiste formaten en afmetingen in een enkele ZIP-download. Upload een nieuwe afbeelding om een ander pakket te maken — er is geen limiet aan hoeveel je kunt genereren.

Moderne websites hebben favicons in meerdere formaten nodig. De essentiële set omvat 16x16 en 32x32 pixels voor browsertabs, 180x180 voor Apple Touch-iconen, en 192x192 plus 512x512 voor Android Chrome. LeanImg genereert al deze formaten automatisch van je enkele bronafbeelding.

LeanImg verwerkt je afbeelding volledig in je browser. Je bestanden verlaten nooit je apparaat — er wordt niets naar een server geüpload en er worden geen gegevens opgeslagen. Dit maakt het veilig om favicons te genereren van bedrijfslogo's, merkactiva of elke afbeelding die je privé wilt houden.

Nee. Er is geen account, geen e-mailbox en geen uploadstap. De generator draait in je browser met behulp van de Canvas API, dus je logo wordt nooit ergens naartoe gestuurd, en je kunt het tabblad sluiten op het moment dat je ZIP is gedownload. Er is niets met een watermerk en er is geen dagelijkse limiet.

Vier, en dit hulpmiddel schrijft ze allemaal. 16x16 en 32x32 voor browsertabs en bladwijzers, 180x180 voor het iOS-startscherm, en 192x192 plus 512x512 voor Android en de webmanifest. De 512 is degene die mensen vergeten: Android gebruikt het voor het splashscreen, en zonder het valt je app-icoon terug op een vage opschaling van een kleiner bestand.

Ja, en een PNG met een transparante achtergrond is de ideale invoer. Transparantie wordt doorgegeven aan elke PNG in het pakket, en aan de ICO. Als je bron geen transparantie heeft, kun je een achtergrondkleur instellen in het paneel, plus padding als het artwork tot de rand loopt, wat meestal niet zou moeten voor iets dat op 16 pixels wordt weergegeven.

Beide, daarom heeft de ZIP beide. Moderne browsers lezen de PNG-bestanden die zijn vermeld in je linktags, en die geven je scherpere kleine iconen. De favicon.ico in de root van je site is de compatibiliteitsbasis voor alles dat je HTML nooit parseert, inclusief feedlezers, crawlers en link-ontvouwers die gewoon /favicon.ico onderzoeken. De onze verpakt 16, 32 en 48 pixelversies in dat ene bestand.

Zeven. favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png en site.webmanifest, geleverd als één ZIP. Een echte run van een 942 KB bron produceerde respectievelijk 4.6 KB, 521 B, 1.4 KB, 28.4 KB, 31.9 KB, 196 KB en 371 B. De pagina print ook de vier linktags om in je head te plakken.

In de root, plak dan de vier linktags. favicon.ico hoort bij jouwsite.com/favicon.ico omdat dat pad wordt opgevraagd, of je het nu verwijst of niet. De rest kan overal staan zolang de href overeenkomt, hoewel de root de snippet die we genereren correct houdt zoals het is. Browsers cachen favicons hard, dus gebruik een privévenster om je werk te controleren.

Nee, één afbeelding per run. Een faviconpakket is een set van afgeleiden van een enkel merk, dus batchverwerking zou voornamelijk botsingen op identieke bestandsnamen produceren. De invoerlimiet is 10 MB, wat veel meer is dan een logo nodig heeft. Als je verschillende merken hebt om te doen, voer ze dan een voor een uit en hernoem elke ZIP zodra deze binnenkomt.