Favicon-pikselieditori
Piirrä terävä favicon pikseli pikseliltä – koosta 16×16 kokoon 64×64 – tai hienosäädä tuotua kuvaa ja muuta se täydelliseksi favicon-paketiksi yhdellä klikkauksella.
Pikanäppäimet ja vinkit
- BKynä
- EPyyhekumi
- GTäyttötyökalu
- IVärinpoimija
- LViiva
- RSuorakulmio
- OEllipsi
- MSiirrä kuvaa (kiertää ympäri)
- XVaihda ensisijainen ja toissijainen väri
- #/Näytä/piilota ruudukko
- Ctrl+ZKumoa
- Ctrl+YCtrl+Shift+ZTee uudelleen
- +-0Lähennä, loitonna, sovita
- ShiftSuorat viivat, täydelliset neliöt ja ympyrät
- ←→Siirrä kuvaa (Siirrä-työkalu)
- EscPeruuta nykyinen muoto
Hiiren oikea painike piirtää toissijaisella värillä. Kosketusnäytöillä toinen sormi peruuttaa nykyisen vedon.
Näin piirrät hyvän 16×16 favicon-kuvakkeen
Favicon näytetään yleensä vain 16 tai 32 pikselin kokoisena, joten jokainen pikseli on tärkeä. Käsin pikseliruudukolle piirtäminen antaa teräviä reunoja ja täyden hallinnan – jotain, mihin automaattisesti pienennetty logo harvoin yltää.
Aloita 16×16-piirtoalueella ja pidä suunnittelu yksinkertaisena: yksi lihavoitu kirjain, yksinkertainen symboli tai logosi tunnistettavin osa. Käytä vahvaa kontrastia, jotta kuvake pysyy luettavana sekä vaaleilla että tummilla selaimen välilehdillä, ja seuraa esikatselua piirtäessäsi.
Kun olet tyytyväinen lopputulokseen, valitse "Luo faviconit tästä". Generaattori säilyttää pikselit terävinä ja luo piirroksestasi favicon.ico-tiedoston, PNG-kuvakkeet, Apple touch -kuvakkeet ja Android-kuvakkeet.
Vinkkejä teräviin pikselitaide-favicon-kuvakkeisiin
- Käytä kahta–neljää väriä – liian monet sävyt muuttuvat pienessä koossa kohinaksi.
- Jätä 1 pikselin marginaali tai täytä koko neliö; vältä muotoja, jotka koskettavat vain joitakin reunoja.
- Suosi vaaka- ja pystysuoria viivoja; vinoviivat näyttävät parhaimmilta 45 asteen kulmassa.
- Käytä peilaustilaa symmetrisiin kuvakkeisiin ja läpinäkyvää väriä läpinäkyville alueille.
- Piirrä kokoon 32×32 tai 48×48, jos kuvakkeesi on yksityiskohtainen – suurempia kokoja käytetään korkean resoluution näytöillä.