Favicon-pikseleditor
Tegn en skarp favicon piksel for piksel – fra 16×16 til 64×64 – eller finjuster et importert bilde, og gjør det om til en komplett favicon-pakke med ett klikk.
Hurtigtaster og tips
- BBlyant
- EViskelær
- GMalingsbøtte
- IPipette
- LLinje
- RRektangel
- OEllipse
- MFlytt bildet (går rundt kantene)
- XBytt primær- og sekundærfarge
- #/Vis/skjul rutenett
- Ctrl+ZAngre
- Ctrl+YCtrl+Shift+ZGjør om
- +-0Zoom inn, ut, tilpass
- ShiftRette linjer, perfekte firkanter og sirkler
- ←→Flytt bildet (flytteverktøyet)
- EscAvbryt gjeldende form
Høyreklikk maler med sekundærfargen. På berøringsskjermer avbryter en andre finger det pågående strøket.
Slik tegner du en god 16×16 favicon
En favicon vises vanligvis i bare 16 eller 32 piksler, så hver eneste piksel teller. Når du tegner den for hånd på et pikselrutenett, får du skarpe kanter og full kontroll – noe en automatisk nedskalert logo sjelden oppnår.
Start med 16×16-lerretet og hold designet enkelt: én fet bokstav, et enkelt symbol eller den mest gjenkjennelige delen av logoen din. Bruk sterk kontrast slik at ikonet er lesbart på både lyse og mørke nettleserfaner, og følg med på forhåndsvisningene mens du tegner.
Når du er fornøyd med resultatet, klikker du på «Lag favicons av dette». Generatoren holder pikslene skarpe og lager favicon.ico, PNG-ikoner, Apple touch-ikoner og Android-ikoner fra tegningen din.
Tips for skarpe favicons i pikselkunst
- Bruk to til fire farger – for mange nyanser blir bare støy i små størrelser.
- La det være 1 piksels marg, eller fyll hele firkanten; unngå former som bare berører noen av kantene.
- Foretrekk horisontale og vertikale linjer; diagonale linjer ser best ut i 45 graders vinkel.
- Bruk speilmodus for symmetriske ikoner og den gjennomsiktige fargen for områder som skal være gjennomsiktige.
- Tegn i 32×32 eller 48×48 hvis ikonet er detaljrikt – større størrelser brukes på skjermer med høy oppløsning.