Pixel editor za favicon
Nacrtajte oštar favicon piksel po piksel – od 16×16 do 64×64 – ili fino podesite uvezenu sliku, a zatim je jednim klikom pretvorite u potpuni paket favicona.
Tipkovnički prečaci i savjeti
- BOlovka
- EGumica
- GKantica za popunjavanje
- IPipeta
- LLinija
- RPravokutnik
- OElipsa
- MPomakni sliku (kruži)
- XZamijeni primarnu i sekundarnu boju
- #/Uključi/isključi rešetku
- Ctrl+ZPoništi
- Ctrl+YCtrl+Shift+ZPonovi
- +-0Povećaj, smanji, prilagodi
- ShiftRavne linije, savršeni kvadrati i krugovi
- ←→Pomakni sliku (alat za pomicanje)
- EscOdustani od trenutnog oblika
Desni klik crta sekundarnom bojom. Na zaslonima osjetljivima na dodir drugi prst prekida trenutni potez.
Kako nacrtati dobar favicon 16×16
Favicon se obično prikazuje u samo 16 ili 32 piksela pa svaki piksel presudan. Ručno crtanje na pikselnoj mreži daje oštre rubove i potpunu kontrolu – nešto što automatski smanjen logotip rijetko postiže.
Započnite s platnom 16×16 i neka dizajn bude jednostavan: jedno podebljano slovo, jednostavan simbol ili najprepoznatljiviji dio vašeg logotipa. Koristite jak kontrast kako bi ikona ostala čitljiva i na svijetlim i na tamnim karticama preglednika te tijekom crtanja provjeravajte preglede uživo.
Kad ste zadovoljni rezultatom, kliknite „Generiraj favicone iz ovoga”. Generator zadržava oštrinu piksela i iz vašeg crteža izrađuje favicon.ico, PNG ikone, Apple touch ikone i Android ikone.
Savjeti za oštre pixel-art favicone
- Koristite dvije do četiri boje – previše nijansi na malim veličinama postaje šum.
- Ostavite marginu od 1 piksela ili ispunite cijeli kvadrat; izbjegavajte oblike koji dodiruju samo neke rubove.
- Birajte vodoravne i okomite linije; dijagonalne linije najbolje izgledaju pod 45 stupnjeva.
- Za simetrične ikone koristite zrcalni način, a prozirnu boju za prozirna područja.
- Crtajte u 32×32 ili 48×48 ako je ikona detaljna – veće se veličine koriste na zaslonima visoke razlučivosti.