Nieuwe websites
Maak binnen een minuut een eenvoudig letter- of emoji-icoontje, terwijl het echte logo nog in ontwerp is.
Favicon-generator — Maak een favicon.ico en PNG-pictogrammen op basis van tekst, een emoji of een afbeelding.
Typ één of twee letters of een emoji, of upload je logo, en ontvang meteen een set favicon-bestanden: favicon.ico, 16×16, 32×32, 48×48, het 180×180 Apple-touchpictogram en de app-pictogrammen van 192×192 en 512×512. Kopieer het HTML-fragment en je bent klaar. Afbeeldingen worden in je browser verwerkt.
Maak mijn favicon
Je afbeelding blijft in je browser staan
Ontwerp je eigen pictogram
Bekijk een voorbeeld en download
De gids
Handleiding voor de favicon-generator: afmetingen, bestanden en de benodigde HTML-code
Welke favicon-bestanden een website nodig heeft en hoe je ze kunt toevoegen.
Wat is de Favicon Generator?
Een favicon is het kleine pictogram dat in browsertabbladen, bladwijzers en zoekresultaten naast de naam van je website wordt weergegeven. Met een goed favicon is je tabblad gemakkelijk te vinden tussen alle andere tabbladen.
Deze generator tekent je pictogram op een canvas in elk gewenst formaat en biedt je de mogelijkheid om elk bestand te downloaden, inclusief een favicon.ico met verschillende formaten, samen met de link-tags die je aan je pagina kunt toevoegen.
Waarom mensen een favicon-generator gebruiken
Bestaande logo's
Snijd een logo bij tot een vierkant en exporteer alle formaten die browsers en telefoons nodig hebben.
Webapps en PWA's
Download de PNG-pictogrammen van 192 en 512 pixels die in het manifest van een webapp worden gevraagd, plus het Apple-touchpictogram.
Uitleg over de afmetingen van favicons
favicon.ico is the classic file at the root of your site. This tool packs 16, 32 and 48 pixel versions into one ICO file. The 16×16 and 32×32 PNG files suit modern browsers, and 32×32 looks sharper on high-density screens. The 180×180 apple-touch-icon.png is used when someone adds your site to an iPhone or iPad home screen.
De PNG-bestanden van 192×192 en 512×512 zijn de afmetingen die Android en installeerbare webapps gebruiken; vermeld deze in het manifest van je webapp. Zoekmachines kunnen ook een favicon in de zoekresultaten weergeven, en Google vraagt om een vierkant pictogram waarvan de afmeting een veelvoud is van 48 pixels, wat wordt gedekt door de bestanden van 48 en 192.
Hoe gebruik je de favicon-generator?
- Kies ‘Tekst’ of ‘Afbeelding’. Voor tekst typ je één of twee tekens of een emoji en kies je de kleuren. Voor een afbeelding kies je een bestand.
- Kies een vorm: vierkant, afgerond of cirkel.
- Bekijk de voorbeelden in elke grootte. Kleine afbeeldingen worden op hun werkelijke pixelgrootte weergegeven.
- Download de bestanden die je nodig hebt, of klik op ‘Alles downloaden’ en kopieer vervolgens het HTML-fragment naar de `head`-sectie van je pagina.
Eenvoudige tips
- Eén of twee tekens zijn het best leesbaar bij 16 pixels. Lange woorden worden wazig.
- Zorg voor een sterk contrast tussen het pictogram en de achtergrond, zodat het zowel op lichte als op donkere tabbladen goed leesbaar blijft.
- Gebruik voor logo’s met veel details een vereenvoudigde versie of alleen de initiaal.
- Plaats de bestanden in de hoofdmap van je site, zodat de links in het fragment werken, of pas de paden aan zodat ze overeenkomen met je mappen.
Beperkingen en privacy
Privacy
Je afbeelding wordt in je browser weergegeven en aangepast. Er wordt niets geüpload; de bestanden worden op je apparaat aangemaakt wanneer je ze downloadt.
Beperkingen
Het ICO-bestand bevat uitsluitend afbeeldingen van 16, 32 en 48 pixels. De afbeeldingen worden bijgesneden tot een gecentreerd vierkant, dus snijd je logo eerst bij als je een ander deel nodig hebt. Browsers slaan oude favicons soms lange tijd op in de cache, dus het kan even duren voordat een nieuw pictogram wordt weergegeven.
Veelgestelde vragen
Veelgestelde vragen over de Favicon-generator
Wat is een favicon?
Een favicon is het kleine pictogram dat naast de naam van je website verschijnt in browsertabbladen, bladwijzers en soms ook in zoekresultaten.
Welke formaten favicons heb ik nodig?
Een favicon.ico (16, 32 en 48 pixels), een PNG van 32×32, een Apple Touch-pictogram van 180×180 en PNG’s van 192×192 en 512×512 als je site als app kan worden geïnstalleerd. Deze tool maakt ze allemaal aan.
Hoe voeg ik het favicon toe aan mijn website?
Upload de bestanden naar je website, meestal naar de hoofdmap, en plak de gegenereerde linktags in de `head`-sectie van je HTML-code. Pas de paden aan als je bestanden ergens anders staan.
Kan ik een favicon maken van een emoji?
Ja. Kies ‘Tekst’ en typ een emoji, of één of twee willekeurige tekens. Kies een achtergrondkleur en vorm, en het pictogram wordt automatisch voor je getekend.
Welke afbeelding moet ik uploaden?
Een vierkante afbeelding van minimaal 512×512 pixels werkt het beste, in PNG-, JPG- of WebP-formaat. Andere vormen worden bijgesneden tot een gecentreerd vierkant.
Ondersteunt het transparante achtergronden?
Ja. Als je het vinkje bij ‘Achtergrond vullen’ verwijdert, blijft de transparantie van de PNG behouden. Bij tekst worden de letters op een transparant pictogram getekend.
Waarom wordt mijn nieuwe favicon niet weergegeven?
Browsers slaan favicons zeer vaak op in de cache. Probeer de pagina opnieuw te laden, de cache te wissen of de website in een incognitovenster te openen om het nieuwe pictogram te zien.
Wordt mijn afbeelding naar een server geüpload?
Nee. Het pictogram wordt in je browser aangemaakt en de bestanden worden op je apparaat gegenereerd.
Van mensen die deze tool gebruiken
Recensies
Beoordelingen worden geladen…
Ga door
Nog meer gereedschap in de gereedschapskist
Op de startpagina vind je nog tientallen andere gratis tools waarvoor geen API-sleutel nodig is.
UUID-generator
Genereer v4-, v7- en v5-UUID’s in grote hoeveelheden.
Gereedschap openenCSV-naar-JSON-converter
Zet CSV-gegevens om in schone JSON.
Gereedschap openenKortingscalculator
Bereken de verkoopprijzen en de kortingspercentages.
Gereedschap openenTypesnelheidstest
Meet je aantal woorden per minuut en je nauwkeurigheid.
Gereedschap openen