How to Batch Resize and Compress Images for the Web with Image Tools

Why resize and compression matter for SEO

Large, uncompressed images are one of the fastest ways to slow down a website. Slow pages hurt Core Web Vitals, and poor Core Web Vitals hurt search performance and conversion.

Image Tools acts as a browser-based batch image resizer and compressor. You can upload up to 20 images per batch, set your target dimensions and quality once, and export everything ready for the web.

Step 1: Upload your image set

Start by gathering the images for a specific use case: blog headers, product photos, documentation screenshots, or social thumbnails. Drag them into the editor or use the file picker. Each file can be up to 50MB, and common formats like JPEG, PNG, WebP, GIF, BMP, and TIFF are supported.

Keeping each batch focused on one use case (for example, “all product thumbnails”) ensures you can reuse the same settings confidently.

Step 2: Configure batch resize

Enable the Resize processor and choose how you want to control dimensions:

Set both width and height when you know exact targets.
Set only one dimension and keep Maintain ratio on to avoid distortion.
Use presets for common social and layout sizes when available.

The canvas preview lets you confirm that text and key details are still legible after resizing, before you touch compression or other tools.

Step 3: Add smart compression

Turn on Compress to reduce file sizes without visibly damaging quality:

Use the quality slider to choose between “Smaller”, “Balanced”, and “Higher quality” outputs.
Behind the scenes, values are clamped between 0.01–1 to keep exports valid.
For most web content, a balanced setting is the right trade‑off between speed and clarity.

Compression is applied consistently across your entire batch, avoiding the “some images look crisp, others mushy” problem that happens with manual workflows.

Step 4: Choose the right output format

If you also need to change formats, enable Format conversion:

Convert to WebP for modern browsers and performance‑focused sites.
Stick with JPEG for photographic content where broad compatibility still matters.
Use PNG when you plan to keep transparency.

Combining resize + compress + convert in one pass turns Image Tools into a small but powerful batch image optimization pipeline you can run from any browser.

Step 5: Preview once, batch export many

Use Download on a single image to confirm that:

The new dimensions match your layout or CMS requirements.
Compression looks clean at 100% zoom.
The format behaves as expected where you plan to embed the image.

When everything looks good, click Download All. Image Tools processes every image in your batch with the same settings and returns a ZIP archive with edited filenames, ready for upload to your site or CDN.

In practice, this shrinks hours of manual work into a few minutes—and delivers consistently fast, SEO‑friendly images across your entire property.