LENTE Sale TOT 87 % KORTING

+ GRATIS Domein bij de jaarplannen

Deal eindigt over:

00 :

13 :

11 :

08

16 Beste Online Favicon Generators in 2020

Beste Favicon Generators

Hoe de meeste mensen online browsen, is door een selectie van hun favoriete en meest bezochte websites tegelijkertijd op verschillende tabbladen te openen.

Het is waarschijnlijk dat de meesten van ons waarschijnlijk op elk moment Facebook, YouTube en Google open hebben staan. Je browser heeft mogelijk ook geopende tabbladen met je e-mails en je favoriete nieuwswebsite.

Hoe kunnen we met zoveel geopende tabbladen bijhouden welk tabblad wat is zonder elke keer alle tabbladen te openen?

Favicons.

Dit artikel bevat de 16 beste online favicon generators die je kunt vinden. Ook lees je in dit artikel hoe je favicon afbeeldingen op elke website kunt genereren, en hoe je een favicon aan je website kunt toevoegen nadat je deze gemaakt hebt.

1. favicon.zyro.com

Zyro-Favicon-Generator

Zyro favicon generator is een gratis tool met verschillende handige functies.

Je kunt je eigen gekozen afbeelding uploaden naar de site, of je kunt gebruik maken van de vele professioneel ontworpen pictogrammen.

Met behulp van de editor tool is het mogelijk om de lay-out van je favicon te wijzigen, om tekst toe te voegen of te verwijderen, om je merknaam op te nemen, of om een monografie te gebruiken.

Bovendien kun je de achtergrondkleur aanpassen aan de uitstraling van je merk.

Als je tevreden bent met het eindresultaat, downloadt je de afbeelding in een formaat die je meteen kunt gebruiken.

2. Favicon-generator.org

Favicon.ico-favicon-generator

Favicon.ico & App Icon Generator kunnen JPG , PNG  en GIF bestanden converteren naar een favicon.ico-bestand.

De favicon generator maak favicons in alle formaten die passen bij het gebruikte platform – web, Android, Microsoft en iOS.

Wanneer je op Favicon maken klikt, wordt er code aangemaakt die je naar de kop van je HTML-document kunt kopiëren. Ter referentie, als je alles correct gedaan hebt, ziet de HTML-code er als volgt uit voor een standaard 16×16 favicon:

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

Vervolgens voeg je de gedownloade .zip-map toe aan de hoofdmap van je website.

Als je nog geen afbeelding hebt, maak dan gebruik van de online editor en maak er zelf een.

Je kunt ook een kant-en-klaar template kiezen uit de pictogram galerij, ze zijn gesorteerd op achtergrondkleur, en je kunt ze naar wens aanpassen.

3. FavIcon.pro

favicon.pro-favicon-generator

FavIcon Generator is ideaal voor het converteren van JPG , PNG en GIF bestanden naar favicon.ico bestanden. In tegenstelling tot de Favicon.ico & App Icon Generator heeft deze generator echter geen editor.

Deze favicon generator biedt veel opties aan voor de grootte van de afbeelding – 16×16, 32×32, 48×48, 64×64 en 128×128 pixels.

Het enige wat je hoeft te doen, is de grootte kiezen die je nodig hebt en de afbeelding uploaden die je in een favicon wilt veranderen.

FavIcon Generator biedt zes taalvoorkeuren aan: Engels, Spaans, Portugees, Frans, Italiaans en Duits voor wereldwijde gebruikers.

4. Dynamic Drive – Favicon Generator

Dynamic-drive-favicon generator

Deze favicon generator is compatibel met PNG, JPG, GIF en BMP bestanden. Deze generator accepteert ook afbeeldingen met een transparante achtergrond.

De standaard bestandsgrootte van favicon.ico die je krijgt, is 16×16 pixels. Maar je hebt ook de mogelijkheid om pictogrammen met een pixelgrootte van 32×32 en 48×48 te downloaden.

Je kunt naar het gedeelte Favicon editor navigeren om je favicon helemaal opnieuw te ontwerpen. Maar je kunt ook een PNG-afbeelding van 16×16 pixels importeren en deze als basisontwerp gebruiken.

De editor heeft eenvoudige maar functionele bewerkingstools, samen met veel kleur en penseelgrootte opties.

5. Favicon.cc

FaviconCC-favicon generator

Favicon CC accepteert JPG, JPEG, GIF, PNG, BMP, ICO en CUR bestanden.

Deze gratis favicon editor heeft een kleurenkiezer en een transparante functie. Hiermee kun je moeiteloos zowel gekleurde als transparante achtergrond pictogrammen ontwerpen.

Bovendien heeft de editor ook een animatiefunctie waarmee je je favicon kunt animeren. Je bepaalt zelf de duur van het effect per frame en het aantal herhalingen.

Je kunt het ICO-bestand gratis downloaden. Om het HTML-script te krijgen, zul je het pictogram moeten publiceren onder de Creative Commons licentie.

6. Genfavicon 

Genfavicon-favicon generator

Genfavicon ondersteunt JPEG, GIF en PNG bestanden en genereert vijf favicons van verschillende formaten.

Importeer je afbeelding naar de generator en kies de gewenste pictogramgrootte. Je kunt deze bijsnijden en je kunt een voorbeeld van het resultaat bekijken voordat je het ICO-bestand downloadt.

Hoewel de generator gebruiksvriendelijk en gratis te gebruiken is, heeft hij geen editor waarmee je een favicon kunt ontwerpen.

Net als FavIcon.pro heeft Genfavicon verschillende taalvoorkeuren om gebruikers van over de hele wereld te helpen.

7. Favic-o-Matic

Favicomatic-favicon generator

Deze favicon generator geeft je de mogelijkheid om een enkel favicon.ico-bestand te genereren. Je kunt ook in bulk PNG-afbeeldingen in verschillende formaten downloaden, samen met een ICO-bestand voor verschillende platforms – allemaal met één klik.

Favic-o-Matic geeft je ook de HTML-code van alle gegenereerde bestanden. Al je favicon behoeften kunnen op één plek vervult worden.

Omdat deze generator Google Drive integratie ondersteunt, heb je de mogelijkheid om bestanden rechtstreeks in je account op te slaan.

Test de compatibiliteit van je website favicon met verschillende browsers en apparaten met behulp van de Favic-o-meter – een gratis favicon-checker tool.

Het helpt je met het controleren of je site het snelkoppelingspictogram correct implementeert en de checker geeft suggesties voor het oplossen van de aanwezige problemen.

8. RealFaviconGenerator.net

real-favicon-generator favicon generator

Met RealFaviconGenerator.net kun je de compatibiliteit van je favicon met de meest populaire platforms aanpassen en optimaliseren.

De generator heeft opties om je favicon voor mobiele schermen te personaliseren, zoals de Apple touch bar en Android Chrome’s startscherm.

Bij het ontwerpen van het favicon kun je zien hoe deze eruit ziet op de tabbladen en adresbalk van de browser. Je hoeft hierdoor geen uren te besteden aan het uitproberen, vallen en opstaan. 

Met de demo functie kun je ook de achtergrondkleur, marges en het formaat van de afbeelding wijzigen. Ook kun je de favicon specificaties kiezen op basis van de versies van de besturingssystemen.

Je kunt de favicon downloaden als een PNG, ICO en SVG bestand. De generator biedt sets favicon-code aan die compatibel zijn met specifieke programmeertalen.

9.  Xiconeditor.com

xicon-favicon generator

X-Iconeditor is een krachtige online favicon generator. Het is een van de weinige tools die een potlood tool, penseel tool, gum en teksteditor heeft voor degenen die hun favicon helemaal zelf willen maken.

Natuurlijk heeft de generator ook een eenvoudige functie voor het uploaden van afbeeldingen als je je favicon niet zelf wilt maken. Upload een afbeelding die je merk vertegenwoordigd, bijsnijden kan direct in de generator.

Je kunt ook een voorbeeld van je favicon bekijken voordat je deze downloadt, hierdoor weet je precies hoe de afbeelding er in webbrowsers uit zal zien.

Als je tevreden bent, exporteer je het bestand en downloadt je deze naar de hoofdmap van je website.

Om je favicon te definiëren en aan te geven dat het pictogram beschikbaar is voor de browser, gebruik je de <link> tag in het <head> element van de pagina, verwijzend naar de locatie van het favicon.

Het zal er zo uitzien:

<link rel=”shortcut icon” href=”favicon.ico”/>

10. Antifavicon.com 

anti-favicon favicon generator

Zoals de naam suggereert, verschilt Anti Favicon enigszins van de meeste favicon generators. Je gebruikt namelijk geen afbeeldingsbestand om het pictogram te maken.

In plaats daarvan bevat een pictogram van een Anti Favicon tekst in plaats van afbeeldingen. Gebruikers kunnen een kleurkiezer gebruiken om een favicon te maken die past bij het kleurenpalet van hun website.

Om je favicon te genereren, typ je je tekst in en experimenteer je met verschillende kleuren. Als je klaar bent, kunt je je favicon opslaan door te klikken op ‘Opslaan als favicon bestand’.

Anti Favicon heeft ook andere generatoren die je kunt gebruiken, Button Maker, Email Icon en nog veel meer, de meeste hebben dezelfde kenmerkende stijl als Anti Favicon.

Anti Favicon is een van de meest unieke favicon generators, en is het zeker waard om te bekijken.

11. Webestools Favicon Online Generator

webestools favicon generator

Webestools.com heeft een gratis online favicon generator waarmee gebruikers een afbeeldingsbestand naar de site kunnen uploaden en deze rechtstreeks kunnen bewerken.

Gebruikers die meer betrokken willen zijn bij het proces, kunnen profiteren van de kleuren tools en de online editor om hun favicons helemaal zelf te maken.

Met de favicon generator van Webestools heb je alleen favicons in de formaten 16×16 of 32×32. Maar de generator stelt gebruikers wel in staat om een voorbeeld van hun favicons te bekijken voordat ze het ICO-bestand downloaden.

Samengevat is Webestools een eenvoudige en efficiënte favicon generator die de klus klaart zonder extra gedoe.

12. logaster.com

logaster favicon generator

Logaster favicon generator gaat een stap verder dan de concurrentie en is een uitstekende keuze voor websites die nog geen merkidentiteit hebben.

In plaats van te beginnen met een afbeelding, begint deze favicon generator met de vraag om de Logaster brand identity builder te gebruiken. Voer je merknaam in en Logaster zal verschillende logo-opties voor je merk genereren, welke vervolgens vertaald worden in een favicon van hoge kwaliteit.

Logaster is een professionele service die favicons kan maken van verschillende formaten (16-128 px). Het is een van de weinige premium services op deze lijst. En het is belangrijk om op te merken dat je geen eigen afbeelding kunt uploaden.

Logaster favicon generator is een geweldige optie voor merken die nog geen eigen logo hebben.

13. favico.com

Favico favicon generator

De favicon generator van FavIco is snel, gratis en gebruiksvriendelijk. Gebruik de generator om een GIF/JPG/PNG afbeelding naar ICO-indeling te converteren om als favicon te gebruiken.

Het is een eenvoudige favicon generator met een strakke gebruikersinterface. Selecteer een afbeelding op je computer om te uploaden en selecteer de gewenste grootte van de favicon – in dit geval kun je kiezen uit 16×16 of 32×32, en je favicon is klaar.

Een interessant kenmerk van FavIco is dat alle gemaakte favicons worden opgeslagen in een online galerij. Als je meerdere favicons maakt, kun je de eindresultaten vergelijken voordat je ze gaat downloaden.

14. faviconit.com

faviconit favicon generator

Favicon It biedt een paar verschillende variaties op de standaarduitvoer van een favicon generator.

Met Favicon It volg je de standaard procedure voor het uploaden van afbeeldingen, maar waar veel websites alleen een 16px of 32px favicon aanbieden – genereert Favicon It favicons, Apple Touch pictogrammen en de HTML-header voor alle apparaten en browsers.

Bij Favicon It moet je afbeelding een vierkant zijn van ten minste 310px om een favicon te kunnen maken. Als je afbeelding niet aan deze vereisten voldoet, linkt Favicon It je automatisch door naar een gratis en eenvoudig te gebruiken website voor het aanpassen van het formaat van je afbeeldingen.

15. prodraw.net

prodraw favicon generator

Prodraw favicon generator is een gratis online tool waarmee je logo, afbeelding, en foto bestanden kunt converteren naar een favicon.

De generator heeft een betere ondersteuning voor bestandsindelingen dan veel andere favicon generators uit deze lijst. Prodraw ondersteunt niet alleen de reguliere JPG, GIF, PNG, formaten, maar ook BMP en TIF.

Een van de voordelen van het gebruik van de prodraw favicon generator is dat deze veel praktische tips geeft aan gebruikers. De meeste websites vermelden alleen welke formaten worden ondersteund en wat de beschikbare favicon formaten zijn.

Prodraw maakt de verschillen duidelijk. Wil je bijvoorbeeld een favicon met een transparante achtergrond, dan is het verstandig om een afbeelding in een GIF of PNG formaat te uploaden.

Prodraw legt ook uit hoe je elk formaat het beste kunt gebruiken. Bijvoorbeeld 32×32 (bureaubladpictogram), 48×48 (groot XP pictogram) tot 128×128 pixels (Windows Vista pictogram formaat) en het .ICO-pictogram formaat.

Hoewel sommige van die formaten ouderwets zijn, is het een optie om deze formaten opnieuw te gebruiken voor moderne tools. 128px is bijvoorbeeld de juiste huidige grootte voor een favicon van een Google Chrome webshop.

Prodraw kan ook pictogrammen genereren van verschillende scherptes. Hiermee kun je de resultaten vergelijken en een pictogram kiezen dat geschikt is voor je project.

16. icoconverter.com

ico-converter favicon generator

ICO converter maakt waar wat het zegt op de verpakking.

Het is een simpele online .ico afbeelding converter en favicon generator. Het converteert elke afbeelding naar een ICO-bestand, zodat je deze als een website favicon of Windows applicatie kan gebruiken.

Met ICO converter kun je kiezen welke favicon formaten je wilt opnemen in de uiteindelijke ICO. Je kunt kiezen uit 16px, 32px, 48px, 64px, 128px en 256px.

In tegenstelling tot veel van zijn concurrenten, kun je met de ICO converter ook de uiteindelijke bitdiepte van je favicon kiezen. Kies tussen een bitdiepte van 8 bits (256 kleuren, palet) of 32 bits (16,7 miljoen kleuren & alfatransparantie).

Op deze manier is ICO converter geschikt voor zowel moderne als klassieke favicon stijlen.

Wat is een favicon?

e-mail-inbox-computer

Favicons, een afkorting van favoriete pictogrammen, zijn de kleine pictogrammen die je op elk browsertabblad, zoekbalk, bladwijzers, extensies en zoekgeschiedenis ziet. Ze identificeren de website.

Een favicon vertegenwoordigd een website. Het verschijnt over het algemeen in de adresbalk van de browser, tabbladen, bladwijzerlijst, hoewel favicons ook kunnen voorkomen als bureaubladpictogrammen of app pictogrammen.

De meeste bedrijven kiezen ervoor om hun logo als favicon te gebruiken, omdat dit het meest herkenbaar is. Denk aan de iconische blauwe vogel van Twitter of de ‘afspeelknop’ van YouTube.

Andere merken gebruiken een monogram logo van één letter dat in knallende kleuren wordt weergegeven als hun favicon.

Door een favicon aan je site toe te voegen, kun je je merk en geloofwaardigheid versterken. Het is over het algemeen een teken van legitimiteit op een website. Het laat zien dat het merk tijd en geld in de service investeert voor een samenhangende, professionele uitstraling.

Omdat een favicon een belangrijk onderdeel is van de branding van een website, is het essentieel om een uniek en gedenkwaardig pictogramontwerp te hebben. Het moet zo eenvoudig zijn dat bezoekers het makkelijk kunnen herkennen.

De voordelen van het toevoegen van een favicon aan je website zijn:

  • Het voegt geloofwaardigheid toe aan de site
  • Verbeterd de herkenbaarheid van het merk op verschillende platforms 
  • Helpt gebruikers om de site te vinden tussen andere tabbladen en bladwijzers
  • Verbeterd browsen en de gebruikerservaring

Wat als je website legitiem is, maar je geen tijd of de kennis hebt van grafisch ontwerp om een favicon te maken? Maar je wilt dat je gebruikers je logo of pictogram in hun webbrowser kunnen zien.

In dit geval kun je een favicon generator gebruiken om er een te maken.

Hoe je een favicon aan je website toevoegt

mobiele-telefoon-geeft-href-code-weer

Het maken van je eigen favicon is net zo eenvoudig als het kiezen van een van de favicon generators uit de bovenstaande lijst en het uploaden van een afbeeldingsbestand.

Alle favicon generators die we in dit artikel gekozen hebben, zullen het meeste werk voor je doen. Zolang je een geschikt afbeeldingsbestand hebt, kun je een geweldige favicon genereren.

Hoewel de meeste browsers favicons accepteren in GIF, ICO, PNG en JPG formaten, is ICO het ideale formaat vanwege de opname van meerdere pictogramgroottes in een enkel bestand.

Om een favicon aan je website toe te voegen, zul je een beetje bekend moeten zijn met eenvoudige HTML-codes. Als je een favicon maakt, zul je deze regel vaak zien:

link rel=”shortcut icon”

Weet je niet wat link rel =”shortcut icon” betekent? Maak je dan geen zorgen. Je bent niet alleen.

Je hoeft deze code niet te schrijven. Elke favicon generator uit deze lijst zal dit voor je schrijven. Download het meegeleverde bestand naar de directory van je site en plak de HTML in de head van je website.

Het LINK element staat voor een link naar het Favicon bestand dat je hebt gedownload. Zo makkelijk is het.

Er is een manier om alle code te vermijden, gebruik hiervoor een visuele favicon generator zoals de Zyro generator.

Je maakt visueel een favicon die je vervolgens kunt downloaden en gebruiken op zowel website bouwers als CMS-systemen. Upload simpelweg de afbeelding en je bent klaar.

Hoe groot moet een favicon zijn?

Pictogram ontwerpen

De standaard favicon afmetingen zijn 16×16 en 32×32 pixels. Maar verschillende platforms, zoals app pictogrammen, vereisen meestal verschillende formaten favicons voor een betere zichtbaarheid.

Een complete lijst met de huidige favicon formaten en het bijbehorende gebruik:

  • 16×16 pixels (standaard browser)
  • 32×32 (bureaubladpictogrammen)
  • 128×128 (Chrome Web Store pictogram)
  • 152×152 (iPad touch pictogram)
  • 167×167 (iPad Retina touch pictogram)
  • 180×180 (iPhone Retina)
  • 192×192 (Google Developer Web App)
  • 196×196 (Chrome voor Android pictogram)

In onze lijst vindt je een favicon generator die bestanden in elk van deze formaten kan maken.

Favicon generator samenvatting

Ondanks het kleine formaat is een favicon een cruciaal onderdeel van een website. Als je site er nog geen een heeft, zou je er nu een moeten maken.

Met een favicon generator kan iedereen binnen enkele seconden een aantrekkelijk pictogram ontwerpen. Afhankelijk van de tool kun je een geheel nieuwe favicon maken of een bestaande afbeelding als basisontwerp gebruiken.

Elke favicon generator uit deze lijst kan een geschikte keuze voor je website zijn. Denk na over welke functies je nodig hebt en kies de beste optie.

Onthou dat een ICO-bestand meerdere verschillende bestandsgroottes kan bevatten. Het is dan dus niet nodig om meer dan één favicon te maken, zelfs niet als je meer dan één type favicon wilt maken.

Geschreven door

Auteur avatar

Patty

Patty heeft veel kennis over website bouwers, en is een professional in e-commerce. Met haar kennis over e-commerce en digitale marketing heeft ze al veel bedrijven geholpen om online succesvol te worden. Wanneer Patty niet bezig is met haar werk houdt ze ervan om te dansen en om een goed boek te lezen.

Praat mee

je e-mailadres zal niet gepubliceerd worden. Alle velden zijn verplicht.