Om deze tool comfortabel te gebruiken, open het op een laptop, desktopcomputer of tablet in landschapsmodus.
Tip
Als u een tablet gebruikt, schakel deze dan over naar landschapsmodus - wanneer de vensterbreedte groot genoeg is, wordt de tool automatisch geladen.
Genereer favicon.ico en een complete set PNG-pictogrammen voor uw website vanuit één afbeelding. Alle verwerking vindt lokaal in de browser plaats.
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
Een favicon is een klein pictogram dat op het browsertabblad verschijnt naast de paginatitel. U ziet het ook in bladwijzers, browsegeschiedenis en op het startscherm van de telefoon wanneer iemand de site als snelkoppeling toevoegt.
Deze kleine afbeelding vervult een belangrijke functie - het helpt gebruikers een site snel te herkennen tussen vele open tabbladen. Wanneer iemand een dozijn tabbladen open heeft in de browser, is het favicon vaak het enige zichtbare element dat de site identificeert.
De generator maakt een complete pictogrammenset: een klassiek favicon.ico-bestand voor browsers, PNG-pictogrammen in verschillende formaten en een apple-touch-icon voor Apple-apparaten. Als u een webapp (PWA) bouwt, kunt u ook 192x192- en 512x512-pictogrammen genereren samen met een manifestbestand.
Het genereren van een favicon duurt slechts enkele seconden:
Elk formaat heeft zijn toepassing:
favicon.ico (32×32)
Klassiek formaat herkend door alle browsers. Verschijnt op het browsertabblad.
16×16 en 32×32 PNG
Standaardformaten voor moderne browsers. Verschijnen op tabbladen en in bladwijzers.
180×180 PNG (apple-touch-icon)
Pictogram voor Apple-apparaten (iPhone, iPad). Verschijnt wanneer iemand de site aan het startscherm toevoegt.
192×192 en 512×512 PNG
Pictogrammen voor webapps (PWA). Vereist door het manifest en gebruikt in app stores.
Als u geen PWA bouwt, heeft u alleen nodig: favicon.ico, 32×32 PNG en 180×180 PNG. Deze drie bestanden dekken de meeste toepassingen.
Het genereren van een favicon bestaat uit een paar eenvoudige stappen:
PNG-formaten
Standaard behoudt de generator transparantie. U kunt ook een specifieke achtergrondkleur kiezen.
Een JSON-bestand voor webapps (PWA). Als u geen PWA bouwt, is deze optie niet nodig.
Na het genereren van pictogrammen heeft u meerdere downloadopties:
De meeste WordPress-thema's hebben een ingebouwde optie voor het instellen van het sitepictogram. U vindt het in het beheerpaneel:
Weergave → Customizer → Site-identiteit → Sitepictogram
Upload daar het 512×512-bestand - WordPress genereert automatisch kleinere formaten. Voor volledige controle over pictogrammen kunt u bestanden ook rechtstreeks naar de hoofdmap uploaden via FTP.
Een favicon is een zeer kleine afbeelding - slechts 16×16 pixels. Niet elke afbeelding werkt goed als bron: