Hoe, wat… favicon

Gepost in Designtips | April 16, 2009 |

Als designer ben ik van nature ruimschoots overtuigd van de waarde van visuele elementen. Althans, wanneer ze een goed doordacht ontwerp hebben meegekregen. Voor websites kan een favicon een zeer effectieve finishing touh zijn. Naast een professionele uitstraling biedt het de websurfer meer navigatiegemak. Maar hoe krijg je nou een mooie favicon?

Zestien bij zestien
De belangrijkste functie van een favicon is herkenning. Als hij daar niet voor zorgt, why bother? En de belangrijkste ingrediënten voor herkenning zijn vorm en kleur. Wat kleur betreft ben je in een favicon wel vrij, maar de vorm is vierkant. En dat is in veel gevallen niet de meest geschikte vorm om ultieme herkenbaarheid te genereren.

Doorzichtig
Dus je wilt een eigen vorm in de adresbalk van de gebruikte webbrowser (en eventueel in tabs of bookmarkmenu’s). En natuurlijk het liefst als vrije vorm met transparantie. Oftewel, mooi rond in plaats van mooi kartelig. Als je iemand bent (of hebt) die weet wat je allemaal met 256 pixels kunt, hoef je er alleen nog maar een ICO-bestand van te maken.

Niet alles is te sjoppen
Photoshop zelf kan gek genoeg bestanden niet als “.ico-files” bewaren. Vandaar dat ik tot voor kort deze Photoshop-plugin gebruikte, maar die wilde in Adobe CS4 niet meer meewerken. Gelukkig bestaan er ook vele gratis online favicon generators. Toch was er na een korte zoektocht maar eentje die mijn goedkeuring verdiende.

En de winnaar is
Favicontool.com! Deze kan namelijk echte transparante icoontjes genereren (incl. anti-alias). En dat is wat je wilt. Heb je een nog betere oplossing dan deze, deel het in de comments!

(noem het plaatje “favicon.ico” en plaats het in dezelfde map op de webserver als “index.html” of “index.php”, dan zou die het moeten doen…)

Comments

Volg updates via RSS

Zoek binnen dit blog

Over Wouter Buning

Ik ben zelfstandig conceptdenker en ontwerper. Dit weblog gebruik ik als platform om te vertellen over mijn kijk op visuele communicatie.

Lees meer over wie Wouter is

(Bij connecten hoor ik wel graag waar je me van kent.)

Wouter op twitter

Weer iemand blij gemaakt met Arcade Fire vandaag. Puik bandje. Check die muziek http://www.arcadefire.com/ #fb 4 days ago
Bij opening minor Multimediaal Reclamebureau. Gaat volgens mij heel leuk worden :D #cmdlwd #MMRB 4 days ago
MACHTIG! http://www.thewildernessdowntown.com/ It's worth the wait! (via @GerbenWiersma) 4 days ago
Het was een goeie dag. Droom omgezet naar plot voor #shortstory Nog een beetje gewerkt. En Johanneke rijbewijs gehaald. :D #lifesokay #fb 5 days ago
Toon je interesse in een #Seats2Meet locatie in het noorden. Of twee! ;D En volg @S2M050 en @s2m058 #s2m #fb 5 days ago
More updates...