Een Favicon aanmaken
Maak van elk logo een favicon.ico plus elke PNG-grootte die een site nodig heeft.
Hoe gebruikt u dit middel? Favicon-generator
Uw logo uploaden
Laat een vierkant PNG of SVG vallen, ideaal 512x512 of groter. Eenvoudige, contrastrijke markeringen kunnen het beste worden gelezen bij 16 pixels.
De achtergrond instellen
Houd het transparant, of kies een effen kleur als uw logo erachter nodig heeft om leesbaar te blijven op lichte en donkere tabbladen.
Downloaden en installeren
Bewaar favicon.ico en de PNG-groottes in de root van uw site, plak vervolgens het HTML-blok in de kop van uw pagina's.
Over de Favicon-generator
Een favicon is het kleinste stuk branding dat een site heeft en degene die het meest gebruikt: het is hoe een tabblad wordt geïdentificeerd onder dertig anderen en hoe een bladwijzer wordt herkend in een lijst. Een site zonder een toont een leeg blad papier, die leest als onafgemaakte ongeacht hoe goed de rest van het ontwerp is.
Het lastige deel is altijd geweest dat een bestand niet genoeg is. Browsers willen een favicon.ico op de site root, high-DPI tabs willen een 32px PNG, iOS wil een 180px apple-touch-icon voor het startscherm en Android wil 192 en 512px versies voor installatie prompts en splash schermen. Dit gereedschap maakt ze allemaal van een enkele afbeelding en pakketten de 16, 32 en 48px versies in een echte multi-resolutie .ico . niet een PNG met de uitbreiding veranderd, dat is wat trips up het bestand wanneer iets oud probeert te lezen.
Uw logo is aangebracht in elk vierkant in plaats van bijgesneden om het te vullen, zodat er niets wordt geknipt van de randen, en u kunt een transparante achtergrond of een vaste kleur achter het. De HTML blok eronder is de exacte set van link tags om te plakken in uw hoofd. Alles wordt weergegeven in uw browser, zodat een niet vrijgegeven logo nooit verlaat uw apparaat.
Veelgestelde vragen
- Welke maat moet een favicon hebben?
- Begin vanaf minimaal 512x512 zodat elke grootte eerder wordt verlaagd dan opgeblazen. Dit gereedschap produceert dan 16, 32, 48, 180, 192 en 512px versies plus een multi-size .ico.
- Is dit een echt .ico bestand?
- Ja. Het is een echte multi-resolutie ICO met de 16, 32 en 48px beelden, geen hernoemd PNG.
- Waar moet ik de favicon dossiers leggen?
- In uw site root, dus favicon.ico zit op yoursite.com/favicon.ico, voeg dan de link tags die hier aan uw hoofd. Kaders zoals Next.js kunnen ook ophalen bestanden geplaatst in de app of openbare directory.