Favicon-pixeleditor
Tegn et skarpt favicon pixel for pixel – fra 16×16 til 64×64 – eller finjuster et importeret billede, og gør det derefter til en komplet favicon-pakke med ét klik.
Tastaturgenveje og tips
- BBlyant
- EViskelæder
- GMalerspand
- IPipette
- LLinje
- RRektangel
- OEllipse
- MFlyt billede (ombrydes)
- XByt primær og sekundær farve
- #/Slå gitter til/fra
- Ctrl+ZFortryd
- Ctrl+YCtrl+Shift+ZGentag
- +-0Zoom ind, ud, tilpas
- ShiftRette linjer, perfekte firkanter og cirkler
- ←→Flyt billedet (Flyt-værktøjet)
- EscAnnuller den aktuelle form
Højreklik maler med den sekundære farve. På touchskærme annullerer en anden finger det aktuelle strøg.
Sådan tegner du et godt 16×16 favicon
Et favicon vises normalt kun i 16 eller 32 pixels, så hver eneste pixel tæller. Når du tegner det i hånden på et pixelgitter, får du skarpe kanter og fuld kontrol – noget, et automatisk nedskaleret logo sjældent opnår.
Start med et 16×16 lærred, og hold designet enkelt: ét fedt bogstav, et enkelt symbol eller den mest genkendelige del af dit logo. Brug stærk kontrast, så ikonet er letlæseligt i både lyse og mørke browserfaner, og hold øje med live-forhåndsvisningerne, mens du tegner.
Når du er tilfreds med resultatet, skal du klikke på "Generer favicons ud fra dette". Generatoren bevarer skarpe pixels og opretter favicon.ico, PNG-ikoner, Apple touch-ikoner og Android-ikoner ud fra din tegning.
Tips til skarpe pixelart-favicons
- Brug to til fire farver – for mange nuancer bliver til støj i små størrelser.
- Lad der være 1 pixels margen, eller fyld hele kvadratet; undgå former, der kun rører ved nogle af kanterne.
- Foretræk vandrette og lodrette linjer; diagonale linjer ser bedst ud ved 45 grader.
- Brug spejltilstand til symmetriske ikoner og den gennemsigtige farve til gennemsigtige områder.
- Tegn i 32×32 eller 48×48, hvis dit ikon er detaljeret – større størrelser bruges på skærme med høj opløsning.