Image Tools
Image utilities that process photos and graphics in your browser: compress images to reduce file sizes, convert between PNG, JPEG, WebP, and GIF formats, extract dominant colors from images, resize to exact dimensions, and turn code snippets into shareable images with syntax highlighting.
Compress images for faster page loads, convert between WebP, PNG, and JPEG formats, extract dominant colors, and resize photos to exact dimensions — all processed in your browser without any upload. Whether you're optimizing product photos for an e-commerce site, converting screenshots to a lighter format, or extracting a color palette from a brand image, these utilities handle common image tasks without requiring Photoshop or heavy desktop software.
Showing 7 image tools
Every image task that used to mean opening Photoshop — converting formats, crushing file size, pulling colors, resizing — happens here in the browser with the Canvas API. Files never leave your machine.
Try Image Compressor first
Shrink an image for the web — the before/after size readout shows the win before you save.
- 1
Upload or drop a file
Drag in a large photo or screenshot; processing starts immediately in the browser.
- 2
Choose the quality
Slide between lossy WebP or JPEG and lossless PNG compression.
- 3
Compare and download
The before/after size comparison shows exactly what you save before you download.
What Each Tool Does
Image Format Converter
Convert between PNG, JPEG, WebP, GIF, and BMP. Adjust quality slider for lossy formats. WebP output typically produces 25-35% smaller files than JPEG at equivalent quality.
Image Compressor
Reduce file size while keeping visual quality. Preview before/after with file size comparison. Choose between lossy (JPEG/WebP) and lossless (PNG) compression.
Color Picker from Image
Upload an image and click on any pixel to get its HEX, RGB, and HSL values. Also extracts the dominant color palette from the image.
Image Resizer
Resize images to exact pixel dimensions. Lock aspect ratio to prevent distortion. Useful for social media profile pictures and thumbnails.
Code to Image
Paste code and choose a theme. The tool generates an image with syntax highlighting, line numbers, and customizable background. Export as PNG.
Real Ways People Use These
Optimizing Website Images
You have a 3MB product photo. Compress it to 200KB with the lossy compressor and convert to WebP for a further size reduction. Faster page loads improve SEO.
Preparing Social Media Images
Your profile photo needs to be 400x400 pixels. Upload your photo, set the dimensions, and download the resized version.
Extracting Brand Colors
You have a logo and need the exact color values for your CSS. Upload it to the color picker, click on the main color, and get the HEX/RGB/HSL values.
Sharing Code Snippets
You want to share a code snippet on Twitter or in a blog post. Paste it into the code-to-image tool, pick a theme, and download a clean image.
Pick the right tool for the job
Four common scenarios and the tool that handles each one.
| When you need to… | Use | Why |
|---|---|---|
| Cut a 3MB photo down for a page | Image Compressor | Lossy compression with a live before/after file-size comparison. |
| Get PNG, WebP, or JPEG output | Image Converter | Batch convert formats with a quality slider for lossy output. |
| Grab brand colors from a logo | Color Picker | Click any pixel for HEX, RGB, and HSL, plus a dominant palette. |
| Match a social platform's dimensions | Image Resizer | Exact pixel sizing with a locked aspect ratio to prevent distortion. |
Getting the most out of these tools
WebP first, PNG only for transparency
WebP typically beats JPEG by 25-35% at equal quality; keep PNG when you need an alpha channel.
Resize before you compress
Compressing a 4000px image wastes bytes — resize to the display size first, then compress.
Extract palettes from your own brand
Feed the color picker your logo and build every social post from the same palette.
How it works
Image processing uses the browser's Canvas API and OffscreenCanvas for pixel manipulation. Compression and format conversion happen by drawing the image to a canvas and exporting with specific quality settings.