Publishing pixel art on the web? Don't let it get blurred and smushed. Apply the `image-rendering: crisp-edges` CSS property. Alternatively, export your pixel art at a higher resolution, so each visual pixel is made of many pixels, minimising impact from scaling and compression. #PixelArt #CSS
May 4, 2026 at 4:26 AM
Preserving the Pixel Art Look in Web Content
Learn essential CSS techniques, scaling strategies, and design principles that preserve the crisp, totally-cool aesthetic of pixel graphics across high-resolution displays and responsive web environments.
TinyPNG – Compress AVIF, WebP, PNG and JPEG images
Free online image optimizer for faster websites! Reduce the file size of your AVIF, WEBP, JPEG and PNG images while preserving the image quality.
Sprite Fusion Pixel Snapper - Fix messy pixels from AI generated pixel art
Sprite Fusion Pixel Snapper is a free tool that automatically fixes messy, blurry, or inconsistent pixels into a perfect pixel grid. Ideal for AI generated pixel art.
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
How to blur images at 20,000 FPS (or 50 microseconds)
It's all a blur
If you follow information security discussions on the internet, you might have heard that blurring an image is not a good way of redacting its contents.
CSS Generators: Your CSS code with less effort
A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.
mmeshy - make beautiful mesh gradients
Design buttery smooth mesh gradients in the browser and export high-res images. All for free.
Generative Art with Node.js and Canvas
This post explores a small weekend project that combines Node.js and HTML5 Canvas to create high-resolution generative artwork. In the browser, the artwork renders in real-time. Tap the canvas below to randomize the seed. <a...
GitHub - lovasoa/dezoomify-rs: Zoomable image downloader for Google Arts & Culture, Zoomify, IIIF, and others
Zoomable image downloader for Google Arts & Culture, Zoomify, IIIF, and others - lovasoa/dezoomify-rs
Pixel Joint Forum: The Pixel Art Tutorial
Label Maker
Pick a label sheet, drop in your images, and download a print-ready PDF that lines up with the die-cuts. Entirely client-side — your images never leave the browser.
@eva.town hi! I really like what you did with hypertext.tv - how did you create that old school pixelated effect?
Hypertext TV
hypertext.tv
