Pixelredigerare för favicon
Rita en skarp favicon pixel för pixel – från 16×16 till 64×64 – eller finjustera en importerad bild och gör sedan om den till ett komplett faviconpaket med ett klick.
Kortkommandon och tips
- BPenna
- ESuddgummi
- GFärghink
- IPipett
- LLinje
- RRektangel
- OEllips
- MFlytta bilden (fortsätter på andra sidan)
- XVäxla mellan primär och sekundär färg
- #/Visa/dölj rutnät
- Ctrl+ZÅngra
- Ctrl+YCtrl+Shift+ZGör om
- +-0Zooma in, ut, anpassa
- ShiftRaka linjer, perfekta kvadrater och cirklar
- ←→Förskjut bilden (verktyget Flytta)
- EscAvbryt den pågående formen
Högerklick målar med sekundär färg. På pekskärmar avbryter ett andra finger det pågående penseldraget.
Så ritar du en bra favicon i 16×16
En favicon visas oftast i bara 16 eller 32 pixlar, så varje enskild pixel räknas. När du ritar den för hand i ett pixelrutnät får du skarpa kanter och full kontroll – något som en automatiskt nedskalad logotyp sällan uppnår.
Börja med arbetsytan på 16×16 och håll designen enkel: en fet bokstav, en enkel symbol eller den mest igenkännbara delen av din logotyp. Använd stark kontrast så att ikonen går att läsa på både ljusa och mörka webbläsarflikar, och titta på liveförhandsvisningarna medan du ritar.
När du är nöjd med resultatet klickar du på "Skapa favicons av den här". Generatorn behåller pixlarna skarpa och skapar favicon.ico, PNG-ikoner, Apple touch-ikoner och Android-ikoner från din teckning.
Tips för skarpa favicons i pixelkonst
- Använd två till fyra färger – för många nyanser blir brus i små storlekar.
- Lämna en marginal på 1 pixel eller fyll hela kvadraten; undvik former som bara nuddar vid några av kanterna.
- Föredra horisontella och vertikala linjer; diagonala linjer ser bäst ut i 45 graders vinkel.
- Använd spegelläge för symmetriska ikoner och den transparenta färgen för genomskinliga ytor.
- Rita i 32×32 eller 48×48 om din ikon är detaljerad – större storlekar används på skärmar med hög upplösning.