Skip to content
  • Merken die werken: tips voor een bruisende branding
      Merken Die WerkenMerken Die Werken
      • Menu
      • Merknaam
      • Slogan
      • Logo
      • Kleur
      • Fonts
      • Foto’s
      • Print
      • Web
      Logo, Web

      Een favicon maken. Het kleine logo in je webbrowser

      Het kleine logo dat je bij bepaalde websites bovenaan ziet, wordt in de vakwereld “favicon” genoemd. Hoe onbeduidend klein het ook mag zijn, het heeft zo zijn voordelen. Bovendien kan je vrij eenvoudig en snel een favicon maken.

      Een miniscule versie van je logo is zeer nuttig om je website te doen opvallen in webbrowsers.

      Wat is een favicon?

      Het woord favicon komt van het Engelse favorites en icon. En hiermee is meteen de functie van een favicon verklaard. Een favicon staat je toe om makkelijk een website te herkennen in een lijst van favoriete websites. Sinds de opkomst van webbrowsers met tabbladen, heeft het nog meer aan kracht gewonnen.

      favicons
      Favicons helpen je snel een website te identificeren.

      In een reeks tabbladen die openstaan is het immers zeer gemakkelijk om te zien welke site je wil openen. Op de website moet wél een favicon geïnstalleerd zijn, anders krijg je hier het standaardicoontje te zien van je browser.

      Hoe maak je een favicon?

      Het maken en installeren is vrij eenvoudig. Het is daarom bijna onbegrijpelijk dat niet elke webdesigner hierin een kwartier tijd investeert.

      Grosso modo zijn er twee manieren om een favicon te maken. De eerste is enigszins omslachtig en laat je best over aan een ervaren Photoshopper die het geduld heeft om op pixelniveau te werken.

      Omdat we graag direct resultaten zien, gaan we liever meteen over naar de snelle manier. Er zijn heel wat websites waar je in een handomdraai zelf een favicon kan laten maken.

      Het enige wat je hiervoor dient te doen, is een .jpg of .png of .gif versie van je logo uploaden naar een van de onderstaande sites. De favicon wordt dan automatisch gemaakt. Tenslotte hoef je deze nog te downloaden.

      Op deze website kan je ook bewegende favicons maken. Je kan er je favicon ook zelf makkelijk op pixelniveau tekenen. Dit kost meer moeite, maar leidt tot een beter eindresultaat.

      favicon generator
      Online een kleine versie van je logo maken.

      Dit is een mooie website waar je van je logo zelfs logo icoontjes tot 128 pixels hoog en breed kan maken. De favicon generator laat je toe om een deel van het logo te selecteren. Een mooie bijkomende extra is dat je in de derde stap het favicon ook kan bekijken in verschillende browsers. Op deze manier hoef je niet elke keer het icoontje te uploaden naar je site om te controleren of het er goed uitziet.

      favicon online maken
      3 stappen, meer moeite is het niet

      Hoe installeer je een favicon?

      Het bestand heeft de typische naam favicon.ico. Dit dien je te uploaden naar je website. Voor de kenners: de root folder).

      De laatste stap is om één extra lijn in je HTML-code toe te voegen in de head sectie.

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

      Conclusie: je hebt echt geen excuus om geen favicon te hebben

      Een favicon maken en installeren kost niet veel moeite. Het eindresultaat is elke keer verbazend. Plots verschijnt in je browser jouw logo in een afmeting van 16 pixels hoog X 16 pixels breed.

      Ook interessant voor jou

      Wat is een logo vector bestand?
      Gratis fotobewerking software
      Foto verkleinen. Tips om kleine foto’s op je website te gebruiken

      • Home
      • Sitemap
      • Cookiebeleid & Privacy
      © Alfapixel - 2011 - 2023
      • Home
      • Merknaam Tips
      • Slogan Tips
      • Logo Tips
      • Kleur Tips
      • Fonts Tips
      • Print Tips
      • Foto’s Tips
      • Web Tips
      • Contact
      Deze website gebruikt cookies. Dit doen we om deze website te laten werken, analytische inzichten te krijgen en advertenties aan te bieden zodat deze website gratis blijft voor jou. Klik op de knop “AKKOORD” om toestemming te geven voor alle cookies. Of je kan jouw voorkeuren instellen.
      Cookies instellenAKKOORD
      Privacy & Cookies Policy

      Cookie Overzicht

      Deze website gebruikt cookies om je bezoek vlot te laten verlopen. Naast functionele cookies, die geen persoonlijke gegevens bewaren, plaatsen ook derde partijen hun cookies. Deze helpen ons o.m. om Google Analytics rapporten te kunnen raadplegen. Ook cookies om jou gepersonaliseerde advertenties te tonen (en deze website gratis te houden) kunnen geplaatst worden. Maar enkel wanneer je hiervoor toestemming geeft. Als je klikt op AKOORD geef je toestemming voor het plaatsen van alle cookies. Wil je dat liever niet, dan kan je jouw voorkeuren instellen.
      Functionele
      Altijd ingeschakeld

      Functionle cookies zijn noodzakelijk om de website te laten werken. Ze bevatten geen persoonlijke gegevens en worden altijd op je toestel geplaatst.

      Niet noodzakelijke

      Alle cookies die niet onder een andere categorie vallen en niet noodzakelijk zijn voor de goede werking van deze website.

      Analytics

      Dit soort cookies helpen ons om een beter inzicht te krijgen in onze website. We gebruiken hiervoor Google Analytics als platform en de rapporten daar komen dankzij deze cookies tot stand.

      Advertenties

      Dankzij advertenties van derden kunnen we jou deze website gratis blijven aanbieden. De cookies die hiervoor geplaatst worden, worden gebruikt om jou zo relevant mogelijke advertenties te tonen.

      Performance

      Cookies van derden die anonieme gegevens opslaan over hoe deze website gebruikt wordt.

      Opslaan en accepteren