Maximillian Laumeister

Pixelated.js

A JavaScript "image-rendering: pixelated" Polyfill

Live Demo

Original image
(16x16)
Default browser upscaling
(100x100)
Pixelated.js
nearest-neighbor
upscaling
(100x100)
Pixelated.js
xbr upscaling
(100x100)

Pixelated.js is a polyfill that makes it easy to display clean, scaled-up pixel art in the browser. It does this by providing functionality similar to the image-rendering: pixelated CSS property.

It can optionally be used alongside XbrWasm for xbr scaling.

For more details, see the GitHub Repo.

Tech Stack

Pixelated.js is written in vanilla JavaScript.