Favicon Generator
Zet één PNG, JPG of SVG om in een favicon.ico en alle icoonformaten die je site nodig heeft, verpakt in een ZIP-bestand.
De hele afbeelding blijft zichtbaar, gecentreerd met een opvulling eromheen.
Transparant is ideaal voor browsertabbladen; voor iPhone-beginschermiconen is een achtergrondkleur veiliger.
Je favicon en icoonpakket verschijnen hier.
Plaats de bestanden in de hoofdmap van je site en voeg deze regels toe aan elke pagina.
Je afbeelding wordt in je browser omgezet in iconen. Er wordt niets geüpload naar BroBroGo.
Veelgestelde vragen
Welke bestanden zitten er in het icoonpakket?
favicon.ico met versies van 16, 32 en 48 pixels erin, PNG-iconen van 16, 32, 180, 192 en 512 pixels, en een site.webmanifest die de grote iconen vermeldt. Als je begint met een SVG, wordt de vector zelf ook meegeleverd. Alles zit samen in één ZIP-bestand.
Welk formaat moet mijn bronafbeelding hebben?
Een SVG is ideaal — elk icoon wordt getekend vanaf de vector, waardoor zelfs 16 pixels scherp blijft. Begin bij PNG of JPG met minimaal 512 × 512 pixels; kleinere afbeeldingen worden opgeschaald en kunnen er wazig uitzien.
Moet de achtergrond transparant zijn of een kleur hebben?
Tabblad-iconen zien er transparant prima uit. Op het beginscherm van een iPhone of iPad worden transparante delen echter zwart weergegeven — als gebruikers je site aan hun beginscherm kunnen toevoegen, is een achtergrondkleur aan te raden.
Wat gebeurt er met een afbeelding die niet vierkant is?
Iconen zijn vierkant, maar je afbeelding wordt nooit vervormd. Standaard wordt deze gecentreerd met een opvulling eromheen; kies voor "Vullen (bijsnijden)" om de uitstekende randen weg te snijden.
Waar moeten de bestanden op mijn website worden geplaatst?
Upload ze naar de hoofdmap (root) van je website, zodat favicon.ico bereikbaar is via /favicon.ico. Plak vervolgens de gegenereerde regels in de <head> van je pagina's. Browsers kiezen zelf automatisch het juiste formaat.