Naar hoofdinhoud
Home/Tools/Favicon generator
SEO & developer

Favicon maken

Maak gratis een favicon van een letter of emoji. Kies kleuren en vorm, download de PNG en kopieer de HTML-code voor je website.

Vorm
HTML voor je <head>

Wat doet deze favicon generator?

Met deze tool maak je in een paar klikken een favicon van een letter of emoji. Kies een achtergrondkleur, tekstkleur en vorm, en download het icoon in de maten die je nodig hebt. De bijbehorende HTML-code staat er kant-en-klaar bij.

Alles gebeurt in je browser, dus je hoeft niets te uploaden en er komt geen ontwerpprogramma aan te pas.

Waarom een favicon belangrijk is

Een favicon maakt je website herkenbaar. Tussen tientallen open tabbladen vinden bezoekers jouw site terug aan het icoontje, en in de bladwijzers en op het startscherm van een telefoon oogt je site direct professioneler en vertrouwder.

Zo gebruik je de tool

Typ een letter of emoji, kies je kleuren en vorm, en bekijk de preview. Download vervolgens de PNG in 32x32 voor het tabblad en 180x180 voor het startscherm op iOS. Plaats de bestanden in de hoofdmap van je site en plak de HTML-code in je head-sectie.

Meer tools voor je website

Rond je site verder af met een nette URL-slug, een QR-code naar je pagina's en een controle van je Google-snippet.

Veelgestelde vragen

Wat is een favicon?

Een favicon is het kleine icoontje dat naast de paginatitel in het browsertabblad, in de bladwijzers en op het startscherm van een telefoon verschijnt. Het maakt je site herkenbaar tussen open tabbladen.

Welke afmeting heb ik nodig?

Voor het browsertabblad volstaat 32x32 pixels. Voor het startscherm op iOS gebruik je een apple-touch-icon van 180x180. Download beide, en eventueel 512x512 voor moderne toepassingen zoals een PWA.

Hoe plaats ik de favicon op mijn site?

Upload de gedownloade PNG-bestanden naar de hoofdmap van je website en plak de meegeleverde HTML-code in het <head>-gedeelte van je pagina. Ververs daarna je pagina; de browser toont de nieuwe favicon (soms pas na een harde refresh).

Kan ik een emoji als favicon gebruiken?

Ja. Typ een emoji in het invoerveld en die wordt op de gekozen vorm en achtergrond getekend. Handig als je snel een herkenbaar icoon wilt zonder ontwerpprogramma.

Worden mijn gegevens opgeslagen?

Nee. De favicon wordt volledig in je eigen browser gemaakt met canvas. Er wordt niets geüpload of opgeslagen.

Andere tools

Online:
Josh