Faviconcontrole
Voer een URL in om de favicon, /favicon.ico en het Apple touch icon te vinden, controleer de formaten die Google en iOS nodig hebben, en bekijk deze op lichte en donkere tabbladen.
16 px32 px48 pxFavicon64 × 64, PNGhttps://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.pngApple touch icon180 × 180, PNGhttps://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.pngEen favicon instellen die overal wordt weergegeven
Browsers, Google en telefoons zoeken allemaal naar een ander bestand. Voeg deze toe en je pictogram verschijnt in tabbladen, zoekresultaten en op startschermen.
Gebruik een vierkant pictogram van 48 px of groter
Google toont favicons naast zoekresultaten en heeft een vierkante afbeelding nodig die een veelvoud is van 48 px, zoals 48 × 48 of 96 × 96. Een SVG-favicon blijft op elk formaat scherp.
Plaats een favicon.ico in de hoofdmap
Sommige browsers, feedreaders en tools vragen /favicon.ico nog steeds rechtstreeks op, zelfs wanneer je een ander pictogram opgeeft. Met een .ico-bestand van 32 × 32 op die locatie zit je altijd goed.
Voeg een Apple touch-pictogram van 180 × 180 toe
iPhones en iPads gebruiken apple-touch-icon wanneer iemand je site opslaat op het beginscherm. Zonder dit symbool valt iOS terug op een schermafbeelding van de pagina.
Bekijk het op een donker tabblad
Donkere pictogrammen kunnen wegvallen op donkere browsertabbladen. Voeg een tweede, lichter pictogram toe voor de donkere modus met de mediaquery prefers-color-scheme, en schrijf je pictogramtags met de metatag-generator.
Veelgestelde vragen over de favicon-checker
Snelle antwoorden over favicon-formaten, bestandstypen en waarom je pictogram niet wordt weergegeven.
Welk formaat moet een favicon hebben?
Gebruik een vierkant icoon. 32 × 32 is geschikt voor browsertabbladen, 48 × 48 of groter is wat Google nodig heeft voor zoekresultaten, en 180 × 180 is het formaat voor het Apple Touch-icoon. Een SVG-favicon schaalt mee naar al deze formaten.
Waarom wordt mijn favicon niet weergegeven in Google?
Google toont alleen een favicon die het kan crawlen vanaf je homepage. Zorg ervoor dat deze vierkant is, minimaal 48 × 48 pixels groot is en niet wordt geblokkeerd door robots.txt. Geef Google daarna een paar dagen de tijd om de pagina opnieuw te crawlen.
Waarom wordt mijn oude favicon nog steeds weergegeven?
Browsers slaan favicons lange tijd op in de cache. Voer een harde vernieuwing uit, open de site in een incognitovenster of hernoem het bestand (bijvoorbeeld favicon-v2.png) om een nieuwe versie te forceren.
Welk favicon-formaat moet ik gebruiken?
PNG of SVG voor rel="icon", plus een favicon.ico in de root voor oudere tools. Gebruik een PNG voor het Apple touch-icoon, omdat iOS daar geen SVG ondersteunt.
Is deze favicon-checker gratis?
Ja, zonder registratie. Voer een openbare URL in en de tool controleert de pictogrammen die die site gebruikt.