Wat is Favicon HTML taggenerator?
Favicon-markup vertelt browsers en apparaten welke iconen moeten worden gebruikt voor tabbladen, bladwijzers, snelkoppelingen op het startscherm en web-app-installaties. Een kleine statische site kan nog steeds verschillende iconformaten nodig hebben omdat desktopbrowsers, mobiele browsers en opgeslagen webapps verschillende bestanden gebruiken.
Snel antwoord
Genereer favicon HTML-tags, Apple touch icon-referenties en web app manifest-items voor statische websites. Neem zowel SVG- als fallback-iconpaden op voor brede browserondersteuning.
Last updated: 2026-06-11
Beperkingen
- Iconbestanden moeten bestaan op de opgegeven paden in de gepubliceerde uitvoer. De gegenereerde tags zijn alleen verwijzingen; u moet de werkelijke iconbestanden op die paden maken of plaatsen.
- Het Apple touch-icon heeft specifieke formaatverwachtingen. Apple-apparaten verwachten een PNG van 180 bij 180 pixels voor de beste resultaten wanneer gebruikers de pagina aan hun startscherm toevoegen.
- Het webmanifest-fragment vereist geldige JSON. Een enkele syntaxisfout in het manifestbestand kan voorkomen dat browsers de app-metagegevens helemaal lezen.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Zo gebruik je deze tool
- Voer het basispad in waar uw iconbestanden worden gepubliceerd.
- Voeg de app- of sitenaam plus thema- en achtergrondkleuren toe.
- Kopieer de gegenereerde link- en meta-tags naar uw HTML-head.
- Kopieer het manifest JSON-fragment naar uw site.webmanifest-bestand als u dat gebruikt.
Waarvoor je het kunt gebruiken
- Favicon-markup toevoegen aan een gewone HTML-website.
- Iconpaden voorbereiden voor GitHub Pages.
- Een klein webmanifest JSON-fragment maken.