Favicon Generator
Converteer elke afbeelding naar favicon, pictogrammen voor Apple, Android en Windows
100 % Verwerking aan de klantsijde
Uw afbeeldingen worden lokaal verwerkt in uw browser. Er wordt niets geΓΌpload naar een server.
π¨
Laat je afbeelding hier vallen
of klik om te bladeren
512512 Ondersteunt PNG, JPG, GIF, WebP (aanbevolen: vierkante afbeelding Γ of groter)
Bronafbeelding
Browser Voorbeeld
Uw site
+
Favicon weergegeven in het tabblad van de browser
Gegenereerde pictogrammen
16Γ16
favicon.nl
32Γ32
favicon.nl
48Γ48
favicon.nl
180Γ180
Apple Touch
192Γ192
Android Chrome
512Γ512
Android Chrome
16Γ16
PNG-bestanden
32Γ32
PNG-bestanden
180Γ180
PNG-bestanden
512Γ512
PNG-bestanden
π Hoe deze iconen te gebruiken
Voeg dit toe aan de <head> sectie van uw website:
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" sizes="32x32" href="/icon-32.png"> <link rel="icon" sizes="16x16" href="/icon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
π‘ Tip voor: Plaats het favicon.ico in de rootmap van uw website (public_html/) voor automatische detectie door browsers.
Waarom heb je meerdere favicon groottes nodig?
π₯οΈ
Tabbladen van de browser
16163232 Browsers gebruiken Γ of Γ favicons in tabbladen. Uw .ico-bestand moet beide maten bevatten voor scherpe weergave.
π±
Apple-apparaten
180180 iPhone's en iPads gebruiken Γ Apple Touch-pictogrammen. Zonder een krijgt uw site in plaats daarvan een wazige screenshot.
π€
Android Chrome
192192512512 Android maakt gebruik van Γ en Γ pictogrammen voor bladwijzers op het startscherm en Progressive Web App (PWA) pictogrammen.