CursussenWebdesign → Favorieten icoon maken

Favorieten icoon maken


Op veel websites zie je bovenaan in de adresbalk naast het webadres een icoontje. Dit icoontje wordt ook wel het favicon genoemd. Wanneer je een website bezoekt zie je dit icoontje in de adresbalk staan, tevens is deze te zien in de lijst van favorieten. In deze cursus wordt uitgelegd hoe je zo'n icoontje kan maken.

1) Open photoshop en open de afbeelding die u wilt gebruiken als favorieten icoon

2) Klik op image gevolgd door image size. Zorg dat de afbeelding het formaat van 16 x 16 pixels krijgt. Mocht de hoogte bijvoorbeeld 17 pixels zijn, dan klikt u op image gevolgd door canvas size en verander de afmeting naar 16 x 16 pixels.

3) Sla het bestand op onder de bestandsnaam " favicon.jpg"

3) Download en installeer vervolgens dit programma om het icoontje van .jpg om te zetten naar een .ico bestand.

4) Na de installatie, open het programma, het onderstaande scherm komt naar voren.

5) Klik in dit programma op de button "open image". Selecteer de net gemaakte afbeelding "favicon.jpg" en klik vervolgens op de button "save icon".

6) Open vervolgens de hoofdpagina van de website en plak de volgende code tussen de en <head> en de </head>

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

 

7) Upload via FTP de pagina waar u zojuist bovenstaande code heeft geplaatst, upload tevens het bestand "favicon.ico"
Zorg ervoor dat de webpagina en het icoontje in dezelfde directory staat.

Vervolgens is het icoontje zichtbaar in de adresbalk, wanneer je surft naar je website!