PixESS

Original Image

CSS Output

Drop image here or click to choose. A demo is loaded.

Dimensions -

Pixels -

Gzip Size -

Dimensions & Scale

Output width 180 px

CSS pixel size 1 px

Paint Settings

Paint mode

Box-shadow: Single div with pixel shadows. Cool technique, but large CSS output.

Palette

Dithering

Keep transparency Themeable CSS variables Size budget

Animation

Filters

Brightness 100%

Contrast 100%

Saturation 100%

Sharpen 0%

Keyboard Shortcuts

Space Regenerate 1 - 6 Modes (Scan, Shadow, Grid, Mosaic, ASCII, Base64) + / - Adjust width C Copy CSS H Copy HTML F Toggle Fullscreen D Load demo scene

0 characters 0 B gzipped