Pixelový editor faviconů
Nakreslete ostrý favicon pixel po pixelu – od 16×16 do 64×64 – nebo dolaďte importovaný obrázek a jedním kliknutím z něj vytvořte kompletní balíček faviconů.
Klávesové zkratky a tipy
- BTužka
- EGuma
- GKbelík s barvou
- IKapátko
- LČára
- RObdélník
- OElipsa
- MPosunout obrázek (přetéká na druhou stranu)
- XProhodit primární a sekundární barvu
- #/Přepnout mřížku
- Ctrl+ZZpět
- Ctrl+YCtrl+Shift+ZZnovu
- +-0Přiblížit, oddálit, přizpůsobit
- ShiftRovné čáry, dokonalé čtverce a kruhy
- ←→Posunout obrázek (nástroj Posun)
- EscZrušit aktuální tvar
Pravé tlačítko myši kreslí sekundární barvou. Na dotykových displejích druhý prst zruší aktuální tah.
Jak nakreslit dobrou favicon 16×16
Favicon se obvykle zobrazuje jen v 16 nebo 32 pixelech, takže záleží na každém pixelu. Ruční kresba v pixelové mřížce vám dá ostré hrany a plnou kontrolu – něco, čeho automaticky zmenšené logo dosáhne jen zřídka.
Začněte s plátnem 16×16 a udržte návrh jednoduchý: jedno výrazné písmeno, jednoduchý symbol nebo nejrozpoznatelnější část vašeho loga. Použijte silný kontrast, aby byla ikona čitelná na světlých i tmavých kartách prohlížeče, a během kreslení sledujte živé náhledy.
Až budete s výsledkem spokojeni, klikněte na „Vytvořit favicony z tohoto obrázku“. Generátor zachová ostré pixely a z vaší kresby vytvoří favicon.ico, ikony PNG, ikony Apple touch a ikony pro Android.
Tipy pro ostré pixel-art favicony
- Používejte dvě až čtyři barvy – příliš mnoho odstínů se v malých velikostech změní v šum.
- Nechte okraj 1 pixel nebo vyplňte celý čtverec; vyhněte se tvarům, které se dotýkají jen některých okrajů.
- Preferujte vodorovné a svislé čáry; šikmé čáry vypadají nejlépe pod úhlem 45 stupňů.
- Pro souměrné ikony použijte zrcadlový režim a průhlednou barvu pro průhledné oblasti.
- Pokud je vaše ikona detailní, kreslete ve 32×32 nebo 48×48 – větší velikosti se používají na displejích s vysokým rozlišením.