Libreng online na pixel art tool

Pixel editor para sa favicon

Gumuhit ng malinaw na favicon pixel por pixel – mula 16×16 hanggang 64×64 – o ayusin ang na-import na larawan, at gawin itong kumpletong favicon package sa isang click.

Tool: Lapis Pixel: – Laki: 16 × 16
Mga keyboard shortcut at tip
  • BLapis
  • EPambura
  • GPangpuno
  • IEyedropper
  • LLinya
  • RParihaba
  • OElipse
  • MIlipat ang larawan (umiikot sa kabilang gilid)
  • XPalitan ang primary at secondary na kulay
  • #/I-toggle ang grid
  • Ctrl+ZI-undo
  • Ctrl+YCtrl+Shift+ZI-redo
  • +-0I-zoom in, out, fit
  • ShiftTuwid na linya, perpektong parisukat at bilog
  • ←→I-shift ang larawan (Move tool)
  • EscKanselahin ang kasalukuyang hugis

Ang right-click ay gumuguhit gamit ang secondary na kulay. Sa mga touch screen, kinakansela ng pangalawang daliri ang kasalukuyang guhit.

Paano gumuhit ng magandang 16×16 na favicon

Karaniwang 16 o 32 pixel lang ang laki ng favicon kapag ipinapakita, kaya mahalaga ang bawat pixel. Ang pagguhit nito nang mano-mano sa pixel grid ay nagbibigay ng matatalim na gilid at ganap na kontrol – bagay na bihirang makamit ng logo na awtomatikong pinaliit.

Magsimula sa 16×16 na canvas at gawing simple ang disenyo: isang makapal na letra, simpleng simbolo o ang pinakakilalang bahagi ng logo mo. Gumamit ng matinding contrast para manatiling nababasa ang icon sa maliwanag at madilim na browser tab, at tingnan ang mga live preview habang gumuguhit.

Kapag kuntento ka na sa resulta, i-click ang "Gumawa ng mga favicon mula rito". Pinananatili ng generator na matalas ang mga pixel at gumagawa ito ng favicon.ico, mga PNG icon, Apple touch icon at Android icon mula sa drawing mo.

Mga tip para sa malinaw na pixel-art favicon

  • Gumamit ng dalawa hanggang apat na kulay – ang sobrang daming shade ay nagiging ingay sa maliliit na laki.
  • Mag-iwan ng 1-pixel na margin o punuin ang buong parisukat; iwasan ang mga hugis na dumadampi lang sa ilang gilid.
  • Mas piliin ang pahalang at patayong linya; pinakamaganda ang dayagonal na linya sa 45 degrees.
  • Gamitin ang mirror mode para sa simetrikong icon at ang transparent na kulay para sa mga bahaging see-through.
  • Gumuhit sa 32×32 o 48×48 kung detalyado ang icon mo – mas malalaking laki ang ginagamit sa mga high-resolution na screen.