Deel 18 - Favicon!

Iedere professionele website heeft een Favicon. Wat is een Favicon? Hieronder een paar mooie, bekende Favicons op een rijtje:

De Favicon van Fontys (linksboven) is een transparant blokje met een stippellijntje eromheen.

De Favicon van Gmail is een rood met wit envelopje.

De Favicon van Facebook is een blauw vierkantje met een witte letter F.

De Favicon van O&I is een zwarte cirkel met groene letters erin.

 

Hierboven zie je de standaard Favicon van Blogspot en iedere blog die met Blogger gemaakt is. Ook de Blog van "Alles over bloggen" heeft tot op dit moment nog geen eigen Favicon (zie het tabblad van "Alles over bloggen" in bovenstaande afbeeldingen.)

Voordat je een Favicon gaat maken:

Bedenk hoe jouw Favicon eruit moet gaan zien. Een Favicon is heel klein. Als je je volledige logo in een Favicon probeert te verwerken, kan er waarschijnlijk niemand zien wat jouw Favicon moet voorstellen. Maak daarom een abstracte versie van je logo, of doe het zoals Facebook: Gebruik alleen de eerste letter van je naam voor je Favicon. Houdt er ook rekening mee dat jouw Favicon voorkant moet zijn.

Er zijn twee manieren om je Favicon te maken:

Manier 1!

Ga naar Favicon.cc. Hier kun je in het raster dat je op de hoofdpagina ziet zelf een Favicon tekenen. Ben je klaar? Scroll dan naar beneden, klik op "Download Favicon" en klik op "opslaan". Klaar!

Manier 2!

Maak eerst in Photoshop een vierkante afbeelding die je later tot Favicon wilt laten converteren. Ga vervolgens naar Favicon.cc en klik in het linkermenu op "import image". Favicon.cc genereert automatisch een Favicon. Ben je tevreden over het eindresultaat? Scroll dan naar beneden, klik op "Download Favicon" en klik op "opslaan". Klaar!

 Hierboven zie je de Favicon van "Alles over Bloggen" zoals hij eruit zag toen hij net in Photoshop gemaakt was. Dit gebeurde er nadat de Favicon geïmporteerd was naar Favicon.cc:

 De Favicon Download je zoals eerder in dit bericht omschreven werd. Als je de Favicon op een logische plek op je computer hebt omgeslagen, kun je hem naar je blog uploaden.

Klik op "indeling".

 

Klik in het kadertje dat "Favicon" heet op "bewerken".

Klik op "Bladeren" en selecteer je Favicon. Klik als je een bestand geselecteerd hebt op "Opslaan".

Gefeliciteerd, je blog heeft nu een eigen Favicon!

Pas op: Raak niet in paniek als je Favicon niet meteen zichtbaar is. Soms heeft Blogger een tijdje nodig om de Favicon te verwerken en laat de blog nog een tijdje de standaard Blogger-Favicon zien. Is jouw Favicon na een uur nog steeds niet zichtbaar? Dan is er waarschijnlijk iets fout gegaan en moet je je Favicon opnieuw uploaden.