nl

Favicon maken

Maak gratis een compleet favicon-pakket van een afbeelding: .ico, PNG-formaten, apple-touch-icon, manifest, HTML-snippet - lokaal, geen upload.

Verwerkt lokaal op je apparaat ...

Achtergrond (iOS-pictogram)
  • Wit
  • Transparant
  • Zwart
Achtergrond (Android-pictogrammen)
  • Wit
  • Transparant
  • Zwart

Jouw bestanden

    Verwerkt lokaal op je apparaat ...

    0%

    Wordt mijn bestand geüpload?

    Nee. Alles draait in je browser - je bestand verlaat je apparaat nooit. Zo is dat verifieerbaar

    Geen upload100% lokaal
    Inhoud blijft bij jougeen toegang voor derden
    Hosted in GermanyGlobal Content Delivery
    Onafhankelijk getoetstTLS A+ · HTTP-headers A+

    Een favicon is nooit gewoon een bestand. Browsers, smartphones en webapps verwachten tegenwoordig een heel stel pictogrammen in verschillende formaten en groottes: het klassieke favicon.ico met meerdere resoluties voor het browsertabblad, afzonderlijke PNG-bestanden, een apple-touch-icon voor het beginscherm op een iPhone en grotere pictogrammen voor installatie als webapp op Android. Dit hulpmiddel neemt het prutselwerk uit handen en maakt het complete pakket van een enkele afbeelding.

    Je sleept een vierkante afbeelding neer - het beste een PNG van minstens 512 pixels breed - en krijgt een ZIP-bestand terug. Daarin zitten favicon.ico (16, 32 en 48 pixels), de afzonderlijke PNG-pictogrammen, het apple-touch-icon van 180 pixels en de twee app-pictogrammen van 192 en 512 pixels. Daarbij horen een kant-en-klare site.webmanifest en een kort HTML-fragment dat je direct in de kop van je pagina plakt. Zo is alles meteen goed ingesteld, zonder dat je de afzonderlijke verwijzingen zelf hoeft samen te stellen.

    De afbeelding wordt in elke grootte passend gemaakt zonder bij te snijden en gecentreerd geplaatst. De browserpictogrammen behouden hun transparantie; de app-pictogrammen voor iOS en Android worden op een achtergrond geplaatst, omdat deze systemen transparantie anders als zwart weergeven - of dat wit, zwart of toch transparant is, bepaal jij, apart voor elk platform (bijvoorbeeld wit voor het iPhone-pictogram en transparant voor het Android-pictogram). Zoals bij alle hulpmiddelen hier vindt de volledige omzetting in de browser plaats. Je afbeelding wordt niet geüpload en er wordt geen bibliotheek van een externe server geladen.

    RealFaviconGenerator en vergelijkbare diensten zijn al jaren de bekendste plek voor dit probleem - maar daar upload je je afbeelding naar een externe server en is voor sommige extra functies een account vereist. Hier draait de hele generatie lokaal in de browser: rasteren, ICO-verpakking en het maken van de ZIP gebeuren op je apparaat, hetzelfde op Windows, macOS, Linux, Chromebook en mobiel - zonder installatie, zonder account, zonder limiet op het aantal keren, en zelfs offline te gebruiken zodra de pagina is geladen.

    Technische gegevens

    Technische gegevens
    InvoerformatenPNG, JPG, JPEG, WEBP, GIF, BMP, SVG
    Automatische conversieTIFF, ICO, HEIC, PDF, DOCX, DDS, HDR, PCX, WBMP
    UitvoerformaatZIP
    BatchverwerkingNee
    VerwerkingLokaal in de browser (JavaScript)
    BestandsuploadGeen

    In 3 stappen

    1. Sleep een vierkante afbeelding hierop neer (een PNG vanaf 512 px is ideaal).
    2. Kies de achtergrond voor de iOS- en Android-pictogrammen (apart in te stellen).
    3. Download het ZIP-pakket en pak het uit.

    Beperkingen: Het hulpmiddel maakt een ZIP met favicon.ico (16/32/48), favicon-16/32, een apple-touch-icon (180), Android-pictogrammen (192/512), een site.webmanifest en een HTML-fragment. De bron kan een rasterafbeelding (PNG, JPG, WebP, GIF, BMP) of een vectorlogo in SVG zijn - beide worden direct gerasterd, en een SVG blijft op elke grootte scherp. Alleen een te kleine rasterafbeelding wordt vergroot en kan wazig worden - vierkant en groot werkt het beste.

    Pakketinhoud vergeleken

    Pakketinhoud vergeleken
    BestandFormaatDoel
    favicon.ico16/32/48 pxklassieke browserfavicon
    PNG-symbolen16/32 pxlosse browserpictogrammen
    apple-touch-icon180 pxiPhone-startscherm
    app-pictogrammen192/512 pxinstallatie als webapp op Android
    site.webmanifest-verwijst naar de app-pictogrammen
    HTML-snippet-klaar om in de page head te plakken

    Veelgestelde vragen

    Wordt mijn afbeelding geüpload?

    Nee. Het volledige pakket wordt lokaal in je browser gemaakt - ook in vliegtuigmodus. Je afbeelding verlaat je apparaat nooit.

    Wat zit er in de ZIP?

    favicon.ico met 16/32/48 pixels, afzonderlijke PNG-pictogrammen, het apple-touch-icon, twee app-pictogrammen (192/512), een site.webmanifest en een HTML-fragment voor de kop van de pagina.

    Waarom hebben de app-pictogrammen een achtergrond?

    iOS en Android geven transparante vlakken in app-pictogrammen zwart weer. Daarom worden ze op een achtergrond geplaatst; jij kiest wit, zwart of transparant - apart voor iOS en Android, mocht je ze verschillend willen laten uitzien.

    Welk formaat afbeelding moet ik gebruiken?

    Een vierkante afbeelding van minstens 512 pixels. Alle kleinere formaten worden daar netjes van afgeleid.

    Is de favicon-generator gratis?

    Ja, volledig gratis, zonder account en zonder limiet op hoe vaak je een favicon-pakket genereert.

    Werkt dit zonder installatie op elk apparaat?

    Ja. Het draait in de browser, dus werkt identiek op Windows, macOS, Linux, Chromebook, iPhone en Android - geen app, geen extensie nodig.

    Wat is het verschil met RealFaviconGenerator?

    De basisfunctionaliteit is vergelijkbaar, maar daar verlaat je afbeelding het apparaat en wordt verwerkt op een externe server. Hier blijft alles lokaal - inclusief het maken van de ZIP - en werkt zelfs offline.

    Gerelateerde tools

    PNG naar ICO · ICO naar PNG · SVG optimaliseren · SVG naar JPG · TTF naar WOFF2 · OTF naar WOFF2