|
FaviconGemaakt door Nielz op 2005-04-03
Favicon
Bij sommige sites zie je een klein tekentje voor de site staan. Dit heet een favicon.
Een favicon is een simpel icoontje wat toch heel effectief kan zijn. Het maakt je site wat professioneler (Omdat sites
als Google het ook hebben), en het is gewoon mooi. In deze tutorial ga je leren een eigen favicon te maken en die op
je site te zetten.
Om een favicon te maken heb je eerst een bestand nodig waardoor je je Photoshop-bestand kan opslaan als .ICO, wat
absoluut nodig is, want anders werkt je favicon niet.
Download
zet dat bestand dan in:
C:/Program Files/Adobe/Required/File-Formats
Open dan je Photoshop en maak een nieuw bestand aan van 64x64.
Begin dan met het designen van je Favicon.
Een paar tips:
- Hou het simpel, later zal je je bestand moeten verkleinen naar 16x16 dus daarom moet je het simpel houden.
Gebruik géén effecten zoals Bevel & Emboss, dit is op 16x16 toch niet te zien. Hou het bij simpel werk dat
vergelijkbaar is met Paint.
- Gebruik maar een paar verschillende kleuren. Anders werkt je favicon verwarrend
- Kijk bij andere favicons, daar zie je wat je wel goed kunt gebruiken en wat niet. Een ronde vorm werkt
bijvoorbeeld niet, maar een simpele vierkante vorm met daarin een teken werkt wel.
Als hij goed is, ga dan naar Image-Image Size en voer daar 16x16 pixels in.
Als je Favicon klaar is, sla hem dan op als .ICO bestand en noem je hem favicon.ico. Upload hem dan op je ftp. Het is
belangrijk dat je hem in je “public_html” hebt staan want anders werkt hij niet. Test nu of hij het doet. Mocht hij
het niet doen, druk dan eens op “Vernieuwen” of zet een vraagteken achter de sitenaam, bijvoorbeeld graphicious.nl/?
|