Image Tools

This category collects the image-editing jobs that break up a designer’s or store owner’s day, resizing product shots to 1200px, compressing a 4 MB hero to under 300 KB, converting PNG exports to WebP, stamping a watermark before publishing. A Shopify owner prepping 30 product photos for a homepage relaunch can run the whole sequence here without opening Photoshop. Every tool is free, runs in the browser, and does one job well, 172 of them covering PNG, JPG, WebP, GIF, BMP, ICO, HEIC, and SVG. No sign-up, no upload queue, no watermark baked into output. For the deeper how-to, see the full guide to free online image editing.
What you can do with Image Tools

Resize and compress photos for faster page loads, start with image-resizer and compress-image.
Convert between formats, convert-png-to-webp, jpg-to-webp, and png-to-jpg cover the three most-searched pairs.
Crop, rotate, or flip for layout fit, image-cropper, rotate-image, and image-flipper handle the common layout mismatches.

Reach for Image Tools when the work ends with a raster file, PNG, JPG, WebP, GIF, BMP. If the output is a palette, hex code, or contrast score, the Color Tools category is closer. If the source is a multi-page scan that should stay as one document, use PDF Tools instead. For code-driven visuals like gradients and shadows, the CSS & Design tools section generates markup rather than pixels. Rule of thumb: if the file exported is a .png, .jpg, or .webp, this is the right category.
The Image Tools toolkit

Tool
What it does
When to use

Image Resizer
Resizes any image to exact pixel dimensions or a percentage.
Normalizing 30 product shots to a 1200px-wide Shopify grid.

Compress Image
Reduces JPG, PNG, or WebP file size with a quality slider.
Getting a 4 MB hero under 300 KB for Core Web Vitals.

PNG to JPG
Converts PNG files to JPG, dropping the alpha channel.
Shrinking a PNG export with no transparency from 2 MB to 200 KB.

JPG to WebP
Re-encodes JPG photos as WebP for ~30% smaller files.
Switching a catalog of 500 product photos to a modern format.

Convert PNG to WebP
Turns PNG screenshots and graphics into WebP, keeping alpha.
Publishing UI screenshots without bloated PNGs.

Image Cropper
Crops to exact pixel rectangles or set aspect ratios.
Fitting a landscape photo into a 1:1 Instagram square.

Rotate Image
Rotates 90°, 180°, 270°, or any custom angle.
Fixing a phone photo uploaded sideways to a WordPress post.

Image Flipper
Flips horizontally or vertically.
Mirroring a headshot for a split-screen designer portfolio.

Image Watermark Adder
Stamps text or a logo overlay onto a photo.
Marking 50 stock-photo proofs before sending them to a client.

Grayscale Image
Converts color images to black-and-white.
Matching a blog post’s monochrome visual style.

Blur Face in Image
Detects and blurs faces for privacy.
Anonymizing crowd photos before publishing.

Favicon Generator
Converts any image into a 16/32/48px .ico favicon.
Turning a logo PNG into the browser-tab icon for a new site.

Format converters handle the most common ask, moving between PNG, JPG, and WebP. convert-png-to-webp keeps transparency intact; png-to-jpg drops alpha and flattens to a white background; jpg-to-webp is the shortest path to a 30% file-size cut on photo-heavy pages.
Size and shape editors fix the two most frequent layout mismatches: dimensions and orientation. image-resizer handles pixel targets, image-cropper handles aspect ratios, and rotate-image plus image-flipper cover the 90° or mirrored-output jobs that a phone upload usually needs.
Optimizers and publishing tools trim bytes and prep files for the final destination. Run compress-image before WebP conversion for the best compounding savings. Use image-watermark-adder before sending client proofs, blur-face-in-image for privacy-safe release, and favicon-generator when a new site needs its browser-tab icon.
How to choose the right image tool

If the job is a one-off phone photo rotated sideways → use rotate-image.
If the goal is the smallest possible file for the web → compress first with compress-image, then convert to WebP via jpg-to-webp or convert-png-to-webp.
If the image needs transparency (logos, UI assets) → stay in PNG or WebP; skip png-to-jpg, which flattens alpha to white.
If the output is for print rather than screen → set the target DPI in image-resizer before exporting.
If the source contains identifiable faces → run blur-face-in-image before posting anywhere public.

The trade-off is delivery speed vs. file quality. Browser-based tools re-encode in 1-3 seconds but process one pass at a time, fine for 30 product photos, slow for 3,000. Past a few dozen images, compress first and batch-convert in a terminal. Under that, these tools finish before a native app has loaded.
Frequently asked questions
Q: Are these image tools really free?
Every tool in this category is free, runs in the browser, and needs no sign-up or credit card. Files are processed client-side in most cases, the image never leaves the device. Extremely large files (over ~50 MB) may lag on older laptops because of browser memory limits, so break the work into smaller passes.
Q: What’s the best format for web images in 2026?
WebP is the practical default, it ships to 96% of browsers and saves roughly 25-35% over JPG at the same visual quality. Use convert-png-to-webp when the source has transparency, and jpg-to-webp when it doesn’t. Stick with PNG for icons under 100×100 px or lossless illustrations.
Q: How do I compress an image without losing visible quality?
Compression always trades some quality for size. compress-image exposes a quality slider: 80 is the sweet spot for photos, 90 for screenshots with text. For a size win without visible loss, convert to WebP first, the format is ~25% smaller than JPG at matching quality.
Q: Can I resize images in bulk?
These tools process one file at a time, which works for 10-30 images. For a Shopify catalog of 500 photos, handle the first 20 heroes with image-resizer and run a local script for the rest. The upside of one-at-a-time is precision, the exact pixel output is visible before committing, catching mistakes a batch script would propagate.
Q: Are my uploads private?
Most tools run client-side, the image is processed in JavaScript and never uploaded. Detection-based tools like blur-face-in-image may send the file to a server model; it’s deleted after processing. For sensitive material (medical, legal, unreleased product shots), inspect the browser network tab before uploading.
Q: What’s the difference between resizing and cropping?
Resizing shrinks or enlarges the full frame, a 3000×2000 photo at 50% becomes 1500×1000, still showing everything. Cropping cuts away part of the image for a new aspect ratio. Use image-resizer when the whole picture should be smaller, and image-cropper when the frame itself is wrong.
Related categories
Image work often spills across two or three categories. Color Tools cover palette extraction, hex conversion, and contrast checking, the inputs for most of the image tools above. CSS & Design tools generate code-based visuals like gradients and rounded corners. For EXIF data, RAW inspection, and camera-specific utilities, check Photography & Music.