Vertegenwoordig je merk met een aangepaste favicon.

Een favicon, of browserpictogram, is een kleine vierkante afbeelding die naast de titel van een pagina wordt weergegeven in browsertabbladen en op andere plaatsen op het web. Het toevoegen van een eigen favicon maakt je site herkenbaar in een browser vol tabbladen of bladwijzers.

Bekijk je een video

Kun je een favicon toevoegen?

Voeg als volgt een favicon toe:

1. Open het faviconpaneel.
2. Sleep je afbeelding naar de uploader of klik op de uploader om een bestand van je computer te kiezen.
3. Optioneel: Voeg een alternatieve versie van je favicon toe die wordt weergegeven wanneer bezoekers je site in de donkere modus bekijken. Het is niet mogelijk om een favicon voor de donkere modus toe te voegen zonder eerst een standaardfavicon toe te voegen. 
4. Klik nadat je afbeeldingen hebt geüpload, op Opslaan.

Best practices voor favicon-ontwerp

Volg deze best practices bij het ontwerpen en formatteren van je favicon:

• Beeldresolutie - Hoewel ze op 16px x 16px worden weergegeven, werken favicons het beste in browsers wanneer ze tussen 100px x 100px en 300px x 300px worden geüpload.
• Bestandsformaat - we raden .png-bestanden aan. Het is niet mogelijk om een .icon-bestand te uploaden.
• Bestandsgrootte - Faviconbestanden mogen niet groter zijn dan 100 KB.

Hoe favicons worden weergegeven

Over het algemeen verschijnen favicons in browsertabbladen, maar ze kunnen verschillend worden weergegeven afhankelijk van je browser of apparaat:

• In Safari verschijnt de favicon wanneer je op de adresbalk klikt of als je meerdere tabbladen in de browser opent.
• Safari kan je favicon met een rand of achtergrondkleur weergeven om te zorgen voor een beter contrast. Dit kan in zowel de lichte als de donkere modus gebeuren, afhankelijk van de helderheid en de kleur van je favicon.
• Meestal wordt de favicon niet weergegeven in mobiele browsers.

Wat gebeurt er als ik geen favicon toevoeg?

Alle Squarespace-sites beginnen met onze standaard kubus-favicon. Als je geen eigen favicon toevoegt, zullen mensen die het pictogram kennen herkennen dat je deel uitmaakt van de Squarespace-community.

Waarom wordt mijn favicon niet weergegeven op mijn site?

Als je favicon niet meteen wordt bijgewerkt, raden we aan je browsercache te wissen en je browser opnieuw op te starten. Browsers kunnen erg hardnekkig zijn in het vasthouden van favicons in de cache.

Hoe zorg ik ervoor dat mijn favicon in zoekresultaten verschijnt?

Sommige zoekmachines kunnen je favicon tonen wanneer je site in de zoekresultaten verschijnt, maar verschillende zoekmachines hebben verschillende vereisten. Google vereist bijvoorbeeld dat je favicon een veelvoud is van 48px x 48px, zoals 48px x 48px, 96px x 96px, 144px x 144px, enzovoort.

Om ervoor te zorgen dat je favicon wordt weergegeven in de zoekresultaten, zoek je naar de aanbevelingen van de zoekmachine voor het weergeven van favicons en maak je je afbeelding op zodat deze aan die eisen voldoet.

Kan ik favicons in meerdere versies uploaden?

Nee. Het is momenteel niet mogelijk om favicons in meerdere versies te gebruiken. Om je favicon correct te uploaden, moet je andere versies uit het bestand verwijderen en één versie van de afbeelding uploaden.