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.

Alle Squarespace-sites beginnen met ons standaard kubus-favicon. Als je het zo laat, zullen mensen die het pictogram kennen herkennen dat je deel uitmaakt van de Squarespace-community. Je kunt het vervangen door je eigen afbeelding zodat het beter bij het merk van je site past.

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.

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.

Favicon-weergave

Je favicon wordt op verschillende browsers en apparaten anders weergegeven:

• 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.
• Je favicon kan naast je site verschijnen in de zoekresultaten.

Best practices

Beeldresolutie

Favicon-afbeeldingen werken in alle browsers het best met afmetingen tussen 100px × 100px en 300px × 300px, hoewel ze worden weergegeven in 16px × 16px. Dit zijn de standaardafmetingen van favicons. Hoewel sommige browsers grotere favicon-bestanden ondersteunen, ondersteunen ze deze grootte allemaal.

Zoekmachines die je favicon weergeven in zoekresultaten kunnen hun eigen eisen hebben. Google vereist bijvoorbeeld dat je favicon een veelvoud is van 48px vierkant, zoals 48x48px, 96x96px, 144x144px, 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 favicon's en stel je je afbeelding zo in dat deze aan die eisen voldoet.

Bestandsformaat

We raden aan een .png te gebruiken. bestand als favicon-afbeelding. Wij bieden geen ondersteuning voor het uploaden van .ico. bestanden.

Bestandsgrootte

Favicon-afbeeldingsbestanden mogen niet groter zijn dan 100 KB.

Meerdere versies van favicons

We ondersteunen momenteel geen favicons met meerdere versies. Om je favicon correct te uploaden, gebruik je één versie van de afbeelding en verwijder je andere versies uit het bestand.