nl

Favicon maken

Maak van een afbeelding een compleet favicon-pakket: .ico, PNG-formaten, apple-touch-icon, webmanifest en een HTML-fragment. Lokaal, geen upload.

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

Jouw bestanden

    Verwerkt lokaal op je apparaat ...

    0%

    Je bestanden hebben je apparaat nooit verlaten

      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
      Servers in DuitslandAVG by design
      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 geupload en er wordt geen bibliotheek van een externe server geladen.

      Technische gegevens

      Technische gegevens
      InvoerformatenPNG, JPG, JPEG, WEBP, GIF, BMP
      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 is een rasterafbeelding (PNG, JPG, WebP, GIF, BMP); SVG wordt hier niet ingelezen. Een te kleine afbeelding wordt vergroot en kan wazig worden - vierkant en groot werkt het beste.

      Veelgestelde vragen

      Wordt mijn afbeelding geupload?

      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.

      Gerelateerde tools