WHELP! geeft advies over ontwerp, bouw en zoekmachine optimalisatie van je website. Ben je hier voor de eerste keer? Start dan bij het 4-stappenplan voor een eigen website.

Hoe maak je een favicon?

Om extra herkenbaarheid aan je site te geven kun je een eigen favoriet icoon maken, een favicon. Deze afbeelding ziet je bezoeker verschijnen naast het internet adres van je website en in bookmarks.

Branding
Een favicon is onderdeel van de branding van je website. Het verschijnt dus op 3 plaatsen: naast het adres van je site, in de titel van een tabblad en naast een bookmark/favoriet.

screenshot001.jpg

screenshot002.jpg
Op basis van je logo kan je een favicon maken. Je logo is vaak te groot, want het formaat van een favicon is maar 16×16 pixels; dus daarin zul je een keus moeten maken. Het bestandsformaat van een favicon is .ico. Vreemd genoeg kan je geen favicon te maken met pakketten als Adobe ImageReady / Photoshop of Macromedia Fireworks. Je maakt hiermee wel de afbeelding, maar vervolgens moet je die met andere software omzetten naar een favicon.

Hulpmiddelen
Je kunt een favicon maken met betaalde software. De bekendste is Microangelo is. Maar er is ook een gratis, online alternatief: Chami. Je kunt op deze site er zelfs voor kiezen om een geanimeerde favicon te maken, maar dit raad ik je af. Het leidt de aandacht af je echte pagina en werkt daardoor contraproductief. Als je het toch wilt gebruiken, hou er dan rekening mee dat dit alleen werkt in Firefox.

Je site programmeren
Om een favicon te laden in de browser moet de broncode van je site wat extra code hebben. Laat deze door je programmeur erin bouwen. Het gaat om het volgende:

Meer lezen

Stem / Bookmark [?]Plaatsen/stemmen op NUjijPlaatsen/stemmen op eKudosPlaatsen/stemmen op MSN ReporterPlaatsen/stemmen op DiggVoeg dit artikel toe aan Del.icio.usVoeg toe aan je favorieten op TechnoratiVoeg toe aan je Google bladwijzers

  1. Elise
    05.09.07 - 23:20
    1

    http://tools.dynamicdrive.com/favicon/
    heel gemakkelijk van een 16×16 gifje een .ico laten maken….en gratis!


  2. Theo Bakker
    06.09.07 - 8:25
    2

    Hoi Elise, dank voor de tip!

    Groet, T


  3. Joomla Templates 1.5 - De basisonderdelen van een Joomla design (2)
    05.10.08 - 12:41
    3

    [...] templateDetails.xml en optioneel template_thumbnail.png. Nieuw zijn favicon.ico en params.ini. Een favicon.ico is een bestand waarmee je in het adres van je website een icoontje kunt laten zien. Dit wordt ook [...]


  4. Roger
    12.02.09 - 10:58
    4

    Je kunt ook Irfanview installeren (gratis download) en een bestandje van 16×16 pixels opslaan als Windows Icon (.ico).

Jouw reactie

Spelregels voor commentaar

XHTML: Je kunt de volgende HTML code gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Domeinnaam vrij?

  • Test via Byte op .nl, .eu, .be, .com, .net, .org, .biz, .info, .de, .co.uk, .tv, .nu, .cn en .name