Pixelight

Size

■ ●

Pixel-perfect

Ink

Pattern Mix

Filled

Tolerance All layers

Radial

New Add Subtract Intersect

Click points; click the first one or press Enter to close.

Drag the selection (or the whole layer). Shift: straight. Arrows: one pixel.

Palette

Built-in

Click: first colour. Right-click: second. Shift-click: a ramp for shading. Double-click: edit.

Preview

Pixel art, in your browser

Draw, animate and export sprites. Nothing is uploaded; your work stays on this device.

Width Height

Opens .pixelight, .aseprite, .ase, PNG, GIF, JPEG and WebP. Or drop a file anywhere on this page.

Recent

New sprite

Width Height Colour mode Background

Export

PNG Animated GIF Animated PNG Sprite sheet

Frames Layers Scale Which Loop Fewer than 256 colours? Layout Columns (grid) Padding Spacing Extrude edges

Trim empty edges Merge identical frames JSON frames as an array

Sprite size

Scales every frame and layer (nearest pixel: no new colours).

Width Height

Keep the proportions

Colour mode

Full colour Indexed Grayscale

Indexed: every pixel is a palette colour; changing a palette colour changes every pixel that uses it. When the sprite has more colours than the palette, a palette of up to 255 colours is made.

When colours must be reduced

Rotate

Rotates the selection (or the layer's pixels in this frame).

Angle (degrees, clockwise) Keep pixel-art lines clean (no new colours)

Scale

Scales the selection (or the layer's pixels in this frame) with the nearest pixel.

Width Height

Outline

Draws a one-pixel outline in the first colour around the layer's shapes (inside the selection, if any).

Outside Inside

Corners too (8 ways)

Layer properties

Name

Opacity Blend mode

Reference layer (shown while drawing, left out of exports) Notes (user data)

Frame duration

From frame To frame Duration (ms) Frames per second

Tag

Name

From frame To frame Direction Colour

Data (events for games, e.g. step:1,5)

Grid

Cell width Cell height Offset x Offset y

Open a sprite sheet

Cuts a PNG sheet into frames, left to right and top to bottom.

Cell width Cell height Margin Spacing

History

Opened, with notes

Pixelight read this file like this:

Keyboard shortcuts

Hold Space to pan, Shift to keep lines straight and shapes square, Alt to pick a colour while drawing.

Pixelight stopped last time

The last visit ended with an error. Your sprite was kept in this browser. These details stay on this device; copy them if you want to report it.