Maximillian Laumeister

Pixelated.js

A JavaScript "image-rendering: pixelated" Polyfill

Live Demo

P-Switch Graphic
Original image
(16x16)
P-Switch Graphic
Default browser upscaling
(100x100)
P-Switch Graphic
Pixelated.js
nearest-neighbor
upscaling
(100x100)
P-Switch Graphic
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 my other project XbrWasm for xbr scaling.

For more details, see the GitHub Repo.

Tech Stack

Pixelated.js is written in vanilla JavaScript.