Favicon pixelszerkesztő
Rajzolj éles faviconot pixelenként – 16×16-tól 64×64-ig – vagy finomhangolj egy importált képet, majd egy kattintással alakítsd teljes favicon-csomaggá.
Billentyűparancsok és tippek
- BCeruza
- ERadír
- GFestékes vödör
- ISzíncsipesz
- LVonal
- RTéglalap
- OEllipszis
- MKép mozgatása (körbefordul)
- XElsődleges és másodlagos szín cseréje
- #/Rács be/ki
- Ctrl+ZVisszavonás
- Ctrl+YCtrl+Shift+ZIsmétlés
- +-0Nagyítás, kicsinyítés, illesztés
- ShiftEgyenes vonalak, tökéletes négyzetek és körök
- ←→A kép eltolása (Mozgatás eszköz)
- EscAz aktuális alakzat megszakítása
A jobb gombbal a másodlagos színnel festhetsz. Érintőképernyőn egy második ujj megszakítja az aktuális vonalat.
Hogyan rajzolj jó 16×16-os favicont
A favicon általában csak 16 vagy 32 pixeles méretben jelenik meg, ezért minden egyes pixel számít. Ha kézzel rajzolod pixelrácson, éles széleket és teljes kontrollt kapsz – ezt egy automatikusan lekicsinyített logó ritkán éri el.
Kezdj a 16×16-os vászonnal, és tartsd egyszerűen a dizájnt: egy kövér betű, egy egyszerű szimbólum vagy a logód legfelismerhetőbb része. Használj erős kontrasztot, hogy az ikon világos és sötét böngészőlapokon is jól olvasható maradjon, és rajzolás közben figyeld az élő előnézeteket.
Ha elégedett vagy az eredménnyel, kattints a „Favicon generálása ebből” gombra. A generátor megőrzi a pixelek élességét, és a rajzodból elkészíti a favicon.ico fájlt, PNG ikonokat, Apple touch ikonokat és Android ikonokat.
Tippek éles pixel art faviconokhoz
- Használj két-négy színt – a túl sok árnyalat kis méretben zajjá válik.
- Hagyj 1 pixeles margót, vagy töltsd ki az egész négyzetet; kerüld az olyan formákat, amelyek csak néhány szélt érintenek.
- Részesítsd előnyben a vízszintes és függőleges vonalakat; az átlós vonalak 45 fokban mutatnak a legjobban.
- Szimmetrikus ikonokhoz használd a tükör módot, az átlátszó területekhez pedig az átlátszó színt.
- Ha az ikonod részletes, rajzolj 32×32-es vagy 48×48-as méretben – a nagyobb méreteket a nagy felbontású képernyők használják.