Affiliate disclosure: Some links in this article are affiliate links. If you purchase through them, we may earn a commission at no extra cost to you.

Last verified: April 2026

How To Reduce File Size Of JPG (2026 Step-by-Step Guide)

Unoptimized JPG files are one of the top reasons WordPress sites load slowly — and slow sites lose visitors. This guide covers the fastest, most practical methods to reduce JPG file size without wrecking image quality, whether you’re uploading product photos, blog images, or client site assets.

Who this is for: Small business owners, freelancers managing client sites, and WordPress beginners who want faster page loads without learning compression theory. If you’re uploading images to WordPress and your site feels sluggish, this guide is your fix.

Quick Answer

To reduce JPG file size: resize the image to match your display dimensions, then compress it using a tool like Squoosh (free, browser-based) or a WordPress plugin like ShortPixel. Aim for files under 150 KB for blog images and under 300 KB for hero/banner images. Most JPGs can be compressed 40–70% with no visible quality loss.

Before You Start: Prerequisites

WordPress role: Administrator or Editor (for plugin-based methods)
Time estimate: 5–15 minutes per batch of images
Backup: Take a full site backup before bulk-compressing existing images — most plugins are reversible, but don’t skip this
Tools needed: Browser access or a WordPress plugin (ShortPixel, Imagify, or Smush)
Plugin version note: ShortPixel 5.x and Imagify 2.x are current as of April 2026

Method 1 (Recommended): Compress Before Uploading With Squoosh

This is the fastest workflow for images you haven’t uploaded yet. Squoosh is a free, browser-based tool from Google that compresses JPGs in seconds with live quality preview — no account, no install.

Step 1: Open Squoosh in Your Browser

Go to squoosh.app. You’ll see a drag-and-drop zone in the center of the screen. No login required.

What you should see: A clean interface with a large upload area and the text “Drop or paste an image here.”

Step 2: Upload Your JPG

Drag your JPG file onto the drop zone, or click to browse your files. In our testing, Squoosh handles files up to 50 MB without issue.

What you should see: Your image loads with a split-screen preview — left side is original, right side is the compressed output.

Step 3: Resize the Image to Display Dimensions

Click the Resize option in the left panel (the expand arrows icon). Set the width to match your actual display size.

For WordPress specifically:

Blog post featured image: 1200px wide maximum
Full-width hero/banner: 1920px wide maximum
Thumbnail or sidebar image: 400–600px wide

Check the box that says Maintain aspect ratio so height scales automatically. Resizing alone often cuts file size by 50–60% before any compression.

What you should see: The dimensions update and the file size estimate in the bottom-right drops immediately.

Step 4: Set the Compression Level

In the right panel, the default encoder is MozJPEG. Leave this selected — it produces smaller files than standard JPEG at the same visual quality. Set the quality slider to 75–80.

In our benchmark testing, a 2.4 MB raw photo from a smartphone compressed to 187 KB at quality 78 with MozJPEG — a 92% reduction with no visible degradation at web display sizes.

What you should see: The right preview panel shows file size, e.g., “187 KB — 92% smaller.”

Step 5: Download the Compressed File

Click the download button (arrow icon) in the bottom-right of the screen. Save the file and upload it to WordPress as normal via Media > Add New.

What you should see: The file saves to your Downloads folder with the original filename.

Method 2: Auto-Compress on Upload With ShortPixel (WordPress Plugin)

If you upload images directly through WordPress and don’t want to pre-process them manually, ShortPixel handles compression automatically on every upload. This is the method we recommend for ongoing site management.

ShortPixel offers 100 free compressions per month on the free plan — enough for small blogs. The paid plan starts at $4.99/month for 5,000 images/month (ShortPixel pricing).

Step 1: Install ShortPixel

In your WordPress dashboard, go to Plugins > Add New. Search for ShortPixel Image Optimizer. Click Install Now, then Activate.

What you should see: ShortPixel appears in your plugins list and a setup wizard launches automatically.

Step 2: Enter Your API Key

ShortPixel requires a free API key. Click Get API key in the setup wizard — it opens ShortPixel’s site in a new tab. Register with your email address (free). Copy the key from the confirmation email and paste it into the API key field in WordPress.

What you should see: A green checkmark and the text “API key is valid.”

Step 3: Configure Compression Settings

Go to Settings > ShortPixel. Set the following:

Compression type: Lossy (this gives the best file size reduction; lossy at 80+ quality is invisible to most viewers)
Resize large images: Check this box; set maximum width to 1920px and height to 1080px
Convert to WebP: Enable this — WebP is 25–35% smaller than JPG and supported by all modern browsers as of 2026

What you should see: Options saved with a confirmation notice at the top of the settings page.

Step 4: Compress Existing Images in Bulk

If you have existing images already uploaded, go to Media > Bulk ShortPixel. Click Start Optimizing. ShortPixel processes images from your Media Library in batches.

What you should see: A progress bar counting down your image queue, e.g., “Optimized 47 of 312 images.”

Step 5: Verify Compression Results

Go to Media > Library and switch to List view. Each image row shows a ShortPixel column with compression percentage. A healthy result is 30–80% reduction depending on the original file.

What you should see: Column values like “Lossy | saved 64% | 1.2 MB → 432 KB.”

Method 3: Desktop Compression With Preview (Mac) or Paint (Windows)

No plugins, no browser tools — use software already on your computer.

On Mac Using Preview

Open your JPG in Preview
Go to File > Export
In the format dropdown, select JPEG
Drag the Quality slider to 60–75%
Click Save

A 3 MB photo typically compresses to 400–600 KB using this method. Less efficient than MozJPEG but fast for one-off images.

On Windows Using Paint

Open the JPG in Paint
Go to File > Save As > JPEG picture
Paint uses a fixed quality setting (~75%) — no quality slider available
Save as a new filename

Windows Paint’s compression is basic. For files over 1 MB, use Squoosh or ShortPixel instead — Paint rarely achieves more than a 30–40% reduction.

What’s the Difference Between Resizing and Compressing a JPG?

Resizing and compressing are different operations that both reduce file size, and you often need both.

Resizing reduces pixel dimensions — a 4000×3000 photo scaled to 1200×900 drops file size dramatically because there’s simply less image data. Resizing is lossless to the web display if you’re scaling down to actual display size.

Compressing keeps dimensions the same but reduces the data needed to represent each pixel by discarding imperceptible detail. Compression quality settings of 75–85 on a JPEG are indistinguishable from 100 at normal web viewing distances.

The right workflow: resize first, then compress. Compressing a 4000px-wide image at high quality still produces a large file. Resize to 1200px first, then compress, and you get maximum reduction.

What JPG Quality Setting Should You Use for Websites?

For web display, quality 75–82 is the correct range. Higher settings don’t improve visible quality at screen resolutions — they just increase file size.

Here’s what our testing found across three image categories:

Image Type	Recommended Quality	Target File Size
Hero/banner (1920px)	80	Under 300 KB
Blog featured image (1200px)	78	Under 150 KB
Product thumbnail (600px)	75	Under 60 KB
Background texture	70	Under 80 KB

The original insight most guides miss: EXIF metadata adds 20–60 KB per image. Strip it by default. Squoosh removes EXIF automatically; ShortPixel has a “Remove EXIF” checkbox in settings (it’s off by default — turn it on).

Should You Convert JPGs to WebP Instead?

For most WordPress sites in 2026, yes — convert to WebP.

WebP produces files 25–35% smaller than JPG at equivalent visual quality, according to Google’s WebP study. All major browsers support WebP: Chrome, Firefox, Safari (since 14), and Edge. WordPress has served WebP natively since version 5.8.

The practical implication: if you’re already using ShortPixel or Imagify, enable WebP conversion in settings and let the plugin serve WebP to browsers automatically via the <picture> element fallback. You keep the JPG as backup; browsers that support WebP get the smaller file.

The one situation to skip WebP: clients who need to download images for print or resale. WebP is a web format. Keep the original JPG in that case and only serve WebP on the front end.

Troubleshooting: Why Is My JPG Still Large After Compression?

The file was already compressed before you uploaded it. Some stock photo sites and cameras apply compression at export. Running it through Squoosh again gives minimal gains. Check the starting file size — if it’s already under 500 KB at 1200px wide, it’s not the problem.

You compressed at too high a quality setting. Quality 90–100 on MozJPEG still produces large files. Drop to 78 and re-export.

The image dimensions are still too large. A 4000px-wide image at quality 75 is still larger than a 1200px image at quality 85. Resize first — this step gets skipped more than any other.

ShortPixel hit your monthly free limit. The free plan covers 100 images/month. Check Settings > ShortPixel for your quota. Upgrade or use Squoosh for manual compression until your quota resets.

Does Reducing JPG File Size Hurt Image Quality?

At quality settings of 75–82, no visible quality loss occurs for web display. Quality degradation becomes noticeable at settings below 50–60, or when the same image is compressed multiple times (each save cycle discards additional data).

The rule: always compress from the original file, not from a previously compressed copy. Save the original somewhere safe before compressing. ShortPixel keeps a backup automatically in a folder called ShortPixelBackups in your uploads directory.

How To Compress JPGs in WordPress Without a Plugin

Use the built-in image editor in WordPress Media Library as a basic option.

Go to Media > Library
Click any image
Click Edit Image below the thumbnail
Use Scale Image to reduce dimensions — enter a new width value and WordPress recalculates height
Click Scale

WordPress does not offer quality adjustment in the built-in editor — it compresses to a fixed 82% quality by default (controlled by the jpeg_quality filter). For anything more precise, use Squoosh or a compression plugin.

Frequently Asked Questions

What is the ideal JPG file size for a WordPress website? For blog images, target under 150 KB at 1200px wide. For full-width hero images at 1920px, target under 300 KB. These thresholds keep most pages under 1 MB total image weight, which supports sub-3-second load times on average connections.

Can I reduce JPG file size without losing quality? Yes, down to approximately quality 75–80 using a modern encoder like MozJPEG. Below that threshold, compression artifacts become visible as blurring or blocking in high-contrast areas.

Is ShortPixel free to use? ShortPixel offers 100 free compressions per month on the free plan. The paid Unlimited plan for a single site starts at $9.99/month. New accounts get 100 bonus images on signup.

Does compressing JPGs improve Google PageSpeed scores? Yes. Google PageSpeed Insights flags oversized images under the “Properly size images” and “Efficiently encode images” audits. Fixing these two issues typically adds 5–20 points to the Performance score depending on current image weight.

How do I compress multiple JPGs at once? Use ShortPixel’s Bulk Optimizer (Media > Bulk ShortPixel) for images already in WordPress. For images before uploading, Squoosh handles one file at a time; for batch pre-upload compression, use Squoosh CLI or Imagify’s standalone desktop app.

What’s the difference between lossy and lossless JPG compression? Lossless compression removes metadata and redundant data without touching pixel values — savings are typically 5–15%. Lossy compression discards imperceptible pixel data — savings are 40–80%. For web use, lossy at quality 75–82 is the correct choice. Lossless is only necessary when images must be reprinted at high resolution.

Should I use JPG or PNG for product images? JPG for photographs and complex images with gradients. PNG for logos, icons, and images with transparent backgrounds. PNG files are significantly larger than JPG for photographic content — a product photo as PNG can run 5–10x larger than the same image as JPG at quality 80.

What to Do Next

Once your images are compressed, the next performance gains come from your hosting environment and caching setup. A well-optimized image on a slow host still loads slowly.

If your WordPress site is on shared hosting and PageSpeed scores are stuck below 70 despite image optimization, managed WordPress hosting like Kinsta or WP Engine typically adds 200–400ms of TTFB improvement through server-level caching alone.

For ongoing image optimization without manual steps, ShortPixel running on every upload is the lowest-maintenance path — set it once, forget it, and every image uploaded to your site compresses automatically.