Favicon-pixeleditor
Teken pixel voor pixel een messcherpe favicon – van 16×16 tot 64×64 – of verfijn een geïmporteerde afbeelding en maak er met één klik een compleet faviconpakket van.
Sneltoetsen & tips
- BPotlood
- EGum
- GVerfemmer
- IPipet
- LLijn
- RRechthoek
- OEllips
- MAfbeelding verplaatsen (loopt rond)
- XPrimaire en secundaire kleur omwisselen
- #/Raster aan/uit
- Ctrl+ZOngedaan maken
- Ctrl+YCtrl+Shift+ZOpnieuw
- +-0In-, uitzoomen, passend maken
- ShiftRechte lijnen, perfecte vierkanten en cirkels
- ←→De afbeelding verschuiven (Verplaatsen-hulpmiddel)
- EscDe huidige vorm annuleren
Rechtsklikken tekent met de secundaire kleur. Op touchscreens annuleert een tweede vinger de huidige streek.
Zo teken je een goede 16×16 favicon
Een favicon wordt meestal maar op 16 of 32 pixels weergegeven, dus elke pixel telt. Als je hem met de hand op een pixelraster tekent, krijg je scherpe randen en volledige controle – iets wat een automatisch verkleind logo zelden bereikt.
Begin met het 16×16-canvas en houd het ontwerp simpel: één vetgedrukte letter, een eenvoudig symbool of het meest herkenbare onderdeel van je logo. Gebruik sterk contrast zodat het icoon leesbaar blijft op zowel lichte als donkere browsertabbladen, en let tijdens het tekenen op de live voorbeelden.
Ben je tevreden met het resultaat? Klik dan op "Favicons hiervan genereren". De generator houdt de pixels scherp en maakt van je tekening favicon.ico, PNG-iconen, Apple touch-iconen en Android-iconen.
Tips voor scherpe pixelart-favicons
- Gebruik twee tot vier kleuren – te veel tinten worden ruis bij kleine formaten.
- Laat een marge van 1 pixel vrij of vul het hele vierkant; vermijd vormen die slechts enkele randen raken.
- Gebruik bij voorkeur horizontale en verticale lijnen; diagonale lijnen zien er het best uit onder 45 graden.
- Gebruik de spiegelmodus voor symmetrische iconen en de transparante kleur voor doorzichtige delen.
- Teken op 32×32 of 48×48 als je icoon veel details heeft – grotere formaten worden gebruikt op schermen met hoge resolutie.