JS IMAGE CARVER

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.

Image cache & resize service

Manipulate images on-the-fly with a worldwide cache

Squoosh

Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.

Javascript for Artists | brad.quest

A collection of libraries & resources for visual media on the web.

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.

heerich.js

Tiny engine for 3D voxel scenes rendered to SVG — boolean ops, oblique/perspective cameras, zero dependencies.

avatar cropper by katelyn/claire

turn an image into a neatly-cropped avatar of your choosing

Canvas Cycle: True 8-bit Color Cycling with HTML5

JPEG XL

The JPEG XL Image Coding System[8] (JPEG XL, sometimes shortened to JXL) is an image format that supports both lossy and lossless compression. It was developed by the Joint Photographic Experts Group (JPEG), Google and Cloudinary. It is a free and open standard defined by ISO/IEC 18181. The standard consists of four parts that cover the Core coding system, File format, Conformance testing, and Reference software, respectively.

clipart.studio — magazine collage maker

Digital collage studio. Pick a magazine from the Internet Archive, clip the pieces you want, arrange them on the page.

Your options for preloading images with JavaScript

There are a number of ways to preload an image on demand with JavaScript — each with their own strengths & drawbacks. Let's explore them.

CSS Formatter, CSS Beautifier and CSS Minifier Online tool

Best Online CSS Formatter, CSS Beautifier, CSS Minifier, Save and Share CSS. Simple Quick and Fast!

Ditherpunk — The article I wish I had about monochrome image dithering — surma.dev

I always loved the visual aesthetic of dithering but never knew how it’s done. So I did some research. This article may contain traces of nostalgia and none of Lena.

On Rendering Diffs

A technical deep dive into how we built the @pierre/diffs package and CodeView component for zero-blanking diff rendering at any scale.

Animated gif tools

Easy to use online animated GIF maker and image editor. Create, convert, crop, resize, reverse, optimize animated GIF, WebP, APNG files, images and videos.