Favicon-generator
Sleep je logo één keer hierheen en krijg alle iconen die een website nodig heeft, met de code om in je pagina’s te plakken.
Verzegeld op dit apparaat
Werkt in je browser. Er wordt niets geüpload.
Verzegeld
Je icoon
Code voor je pagina’s
Zet de bestanden uit de ZIP in de hoofdmap van je website en plak deze code in de <head> van elke pagina.
Zo werkt het
-
Voeg je logo toe
Sleep een SVG, PNG of JPG hierheen, kies of plak hem. Een vierkante afbeelding van minstens 512 × 512 pixels geeft de scherpste iconen.
-
Pas het uiterlijk aan
Voeg een binnenmarge, een achtergrondkleur of afgeronde hoeken toe en bekijk het resultaat in een browsertabblad en op het startscherm van een telefoon.
-
Download en plak de code
Download de ZIP, zet de bestanden in de hoofdmap van je website en plak de code in de <head> van je pagina’s.
Veelgestelde vragen
Welke bestanden krijg ik?
Een favicon.ico-bestand met de iconen van 16, 32 en 48 pixels, PNG-iconen van 16, 32, 48, 192 en 512 pixels, een apple-touch-icon.png van 180 pixels voor iPhones en iPads, en een site.webmanifest-bestand waarmee Android je iconen van 192 en 512 pixels kan gebruiken. Download ze los of allemaal samen in een zipbestand.
Waar zet ik de bestanden?
In de hoofdmap van je website, naast je homepage, zodat ze bereikbaar zijn op adressen als /favicon.ico. Plak daarna de code onder het voorbeeld in de <head> van elke pagina. Browsers zoeken ook zelf naar /favicon.ico, dus zelfs pagina’s zonder de code krijgen je icoon.
Hoe groot moet mijn afbeelding zijn?
Vierkant en minstens 512 × 512 pixels, het formaat van het grootste icoon. Een SVG is ideaal: die wordt op elk formaat scherp getekend. Een kleinere afbeelding werkt ook, maar dan worden de grote iconen vergroot en ogen ze zacht.
Waarom ziet mijn icoon er wazig of te klein uit in het browsertabblad?
Op 16 pixels verdwijnen fijne details en dunne tekst. Gebruik een eenvoudig teken, zoals een letter of een symbool, in plaats van een volledig logo met woorden, houd de binnenmarge klein en kies “Vierkant bijsnijden” als je afbeelding breed is.
Wordt mijn afbeelding geüpload?
Nee. Je afbeelding wordt in je browser gelezen, verkleind en opgeslagen, op je apparaat. Ze wordt nergens naartoe gestuurd.
Waarom heeft het Apple touch icon een achtergrond?
iPhones en iPads ronden de hoeken van iconen op het startscherm zelf af en tonen transparante delen in het zwart. Daarom krijgt het Apple touch icon altijd een effen achtergrond en rechte hoeken: je achtergrondkleur, of wit als je transparant hebt gekozen.