YOUR SMALL BUT MIGHTY TOOLKIT

Make room
for good work.

Resize the image. Frame the video. Untangle the code.
The little tools that keep your day moving.

Local image processing · No account needed
studio / canvasEXPORT →{ dev }made for makers01 / A WORKSPACE THAT WORKS FOR YOU
Local-first toolsBest quality defaultsBuilt for developersSmall by design

THE EVERYDAY TOOLKIT

A little less busywork.
A lot more making.

Images, video, code and color.
Useful tools, without the clutter.

22 useful tools

Images

Image Resizer

Exact dimensions. Sharp results. A simpler image workflow.

PopularPNG
Images

Image Compressor

Optimize file size while keeping your original dimensions.

LocalBest quality
Images

Image Converter

Convert between WebP, PNG and JPG without leaving your browser.

WebP ↔ PNGJPG
Images

Image Crop

Frame the part that matters, down to the pixel.

Center cropPresets
Video

Video Crop

Precise framing with a one-click center button.

Center cropAudio kept
Video

Video Compressor

Quality-first compression. Original dimensions by default.

Best qualityOriginal FPS
Video

Video Resizer

Change resolution with predictable fit and exact dimensions.

Fit / FillCustom size
Video

Video Trim

Keep the useful part with a precise start and end time.

Precise cutsMP4 / WebM
Code

SVG Editor

Edit, clean and export SVG with a live preview.

SVGPNG export
Code

JSON Formatter

Readable JSON, useful errors and compact output.

ValidateMinify
Code

Base64 Encoder

Encode and decode text, including Unicode.

UTF-8Local
Code

URL Encoder

Make URL components safe, or decode escaped text.

URIComponents
Code

HTML Entities

Escape HTML characters and decode entity references.

EscapeDecode
Code

UUID Generator

Cryptographically random UUIDs, ready to copy.

UUID v4Web Crypto
Code

Hash Generator

SHA digests for text and files, processed locally.

SHA-256Files
Code

Timestamp Converter

Unix timestamps and dates with explicit time zones.

UnixISO 8601
Code

Text Case

Turn everyday text into usable names and clean copy.

camelCasesnake_case
Design

Color Converter

HEX, RGB, RGBA and HSL in one small workspace.

HEXRGBA
Design

Contrast Checker

Check readable foreground and background combinations.

WCAG AAAAA
Design

Gradient Builder

Build clean CSS gradients with a live preview.

CSSLive preview
Design

Shadow Builder

A visual way to get the shadow just right.

CSSInset
Design

PX ↔ REM

Convert sizes using your actual root font size.

TypographyResponsive

LESS FRICTION. MORE FOCUS.

Your files.
Your workspace.

01

Bring your file.

Drop it into the right tool.

02

Make it yours.

Precise controls. Sensible defaults.

03

Keep making.

Check the result and download.

GOOD TO KNOW

Before you
get started.

All questions ↗
Do my files leave my device?+

Image tools and developer utilities run in your browser. Browser video mode also runs locally. Native engine mode sends the video to the server running this website; when you run that server on your computer, it stays on your computer.

Does Best quality mean lossless?+

Best quality prioritizes visual detail. JPG, lossy WebP and ordinary video encoding can still change pixels. PNG export is lossless for the pixels rendered to canvas. A smaller output is not guaranteed.

Which video engine should I use?+

Browser mode is convenient for supported codecs and smaller files. Native engine mode uses FFmpeg and provides broader format support and controlled encoding. Static hosting supports browser mode; the native engine requires the included Node server and FFmpeg.

Can I center a crop without changing its size?+

Yes. Center crop keeps your selected width and height, and moves the selection to the middle of the image or video. You can also center only horizontally or vertically.