Bron Sleep een afbeelding hierheen of klik · PNG, JPG, SVG, WebP of plak een afbeelding met Ctrl+V
Vormgeving
Resultaat
Kies een afbeelding of typ wat tekst.
Mijn website
Zo ziet het eruit in een browsertabblad — de enige test die telt.
HTML om te plakken
Wat zit er in het pakket?
favicon.ico | 16, 32 en 48 pixels in één bestand — adresbalk en oudere browsers |
favicon-16x16.png … 96x96 | moderne browsers, bladwijzers |
apple-touch-icon.png | 180 pixels, voor „Zet op beginscherm” onder iOS |
android-chrome-192/512.png | Android en installeerbare web-apps |
site.webmanifest | zodat Android de juiste pictogrammen vindt |
invoegen.html | de kant-en-klare <link>-regels |
Invoegen in drie stappen
- Zet alle bestanden in de hoofdmap — daar waar ook
index.htmlstaat. - Kopieer de
<link>-regels in je<head>. - Herlaad met Ctrl+F5 — browsers houden favicons hardnekkig vast.
Welk motief werkt?
Bij 16 pixels blijft er van fijne details niets over. Daarom toont de voorvertoning het kleinste formaat eerst en pixel voor pixel: één letter of één duidelijke vorm wint het bijna altijd van een verkleind logo met woordmerk.
Waarom wordt er niets geüpload?
Omdat het technisch niet nodig is. Het schalen, de ICO-container en het ZIP-archief ontstaan in je browser. Er is geen server die je afbeelding aanneemt, dus ook geen die hem zou kunnen bewaren.