Image Toolkit
Compress, resize, crop, and convert images locally, plus QR generation and safe SVG preview—no uploads.
Overview
Image Toolkit gathers the browser-based steps that prepare a picture for the web: shrink the file, fit it to a layout, crop for composition, convert to the format you actually serve, and sanitise SVG before inlining it. Processing uses Canvas and Web Worker APIs with explicit size limits, so large photos fail loudly instead of freezing a phone.
Recommended tools
Image Compressor
Compress images locally with quality and size controls.
- image
- compress
- jpeg
- webp
Image Resizer
Resize images by size or percent, locally.
- image
- resize
- scale
- dimensions
Image Cropper
Crop images with accessible numeric controls.
- image
- crop
- trim
- rectangle
Image Format Converter
Convert images to PNG, JPEG, or WebP locally.
- image
- convert
- png
- jpeg
SVG Viewer
Sanitize, preview, and clean SVG locally.
- svg
- viewer
- sanitize
- optimize
QR Code Generator
Create PNG/SVG QR codes locally—no API.
- qr
- qrcode
- generator
- svg
Color Picker
Sample image colors and copy hex/rgb locally.
- color
- picker
- palette
- hex
Why these tools
Most image chores are a short pipeline rather than a single action. Cropping decides the subject, resizing decides the pixel budget, conversion decides the delivery format, and compression trims what remains—doing them in that order preserves the most quality per byte.
Related articles
- Image optimisation for the webChoosing a format, sizing for the layout, and compressing without visible damage—an order of operations that saves the most bytes.
- How to use Image CompressorCompress images locally with quality and size controls. A practical guide to Image Compressor: when it fits, how to get a reliable result, and the mistakes worth avoiding.
Related collections
Frequently asked questions
- In what order should I use these tools?
- Crop first so you only keep the region you want, then resize to the largest dimension you actually display, then compress or convert. Resizing before cropping throws away detail you paid for.
- Do these image tools upload my files?
- No. Compression, resizing, cropping, conversion, QR generation, and SVG cleanup are designed to run in your browser with Canvas and related APIs.
- Which output format should I choose?
- WebP is usually smallest for photographs on the web, JPEG is the safest download format, and PNG is right for screenshots, diagrams, or anything needing transparency.
- Why does a large image fail to load?
- Raster tools enforce file size and megapixel caps to protect mobile memory. The picker hint shows the limit—resize the source in another app if it exceeds it.
- Is previewing an untrusted SVG safe?
- SVG Viewer strips scripts, event handlers, and dangerous URLs before rendering. Still review sanitised markup before inlining it into your own pages.