Skip to main content

Free Image Compression Rating Tool

Get an A-F grade and 0-100 score for a JPEG, PNG, WebP or AVIF image, based on its weight per pixel. Image URL or upload up to 15 MB, one-line verdict. Free, no signup.

4.6on G2
4.7on Trustpilot

How to use the Image Compression Rating Tool, step by step

Real screenshots of the tool, taken while running it.

  1. 1

    Paste an image address

    Paste the address of the image file itself, or switch to Upload Image to rate a file from your computer.

    Empty Image URL field in the Image Compression Rating Tool, with Image URL and Upload Image tabs
  2. 2

    An image URL in place

    Use the address of the image, not the page it sits on: right-click the image and copy its address.

    Image Compression Rating Tool with the address of a WebP blog cover entered
  3. 3

    Read the grade

    You get a letter rating, a score out of 100 and a one-line verdict. The grade measures file weight per pixel for the format, not how the image looks.

    Analysis Result for a WebP blog cover: rating A, score 100 out of 100, and the verdict Well compressed. This WebP file is lean for its pixel count.

What the Compression Rating Tool does

Images are often the heaviest files on a page. The Compression Rating Tool gives you a quick A-F grade for any JPEG, PNG, WebP or AVIF image, the fast way to spot which assets need to be compressed before they hurt Core Web Vitals.

Paste an image URL or upload a file. The tool divides the file size by the pixel count (bits per pixel) and compares it with thresholds for JPEG, PNG, WebP or AVIF. A means well-optimized; F means the file is heavily oversized for its dimensions and format. Re-export, re-rate, ship.

How to rate an image

Five steps from image to optimized.

1

Pick URL or upload

Paste an image URL or upload a file directly.

2

Click Rate Image

The tool reads the image, divides its file size by its pixel count, and grades the result against thresholds for its format.

3

Read the verdict

See your A-F letter grade, 0-100 score, and a one-line verdict explaining the result.

4

Compress if needed

For C/D/F, run through the Image Compressor or re-export from your design tool.

5

Re-rate to verify

After compression, rate the new file. Aim for A or B.

When developers and SEOs use it

Six common workflows.

Pre-publish image QA

Rate every hero image before pushing a blog post live. Anything below B gets compressed first, so heavy images are caught before they slow the page.

Performance audit sprint

You inherited a slow site. Run hero images through the rater; the F-rated ones are the quickest wins.

CMS upload validation

Some CMSes silently re-encode images at upload. Rate the served URL after upload to verify nothing got worse.

Designer handoff QA

Confirm that exported assets from Figma or Photoshop meet web-readiness standards before they hit your CMS.

Newsletter image checks

Images in an email download when the reader opens it. Rate header and product images before sending so a heavy file does not slow the email down.

E-commerce product photo audit

Run every category page hero through the rater and compress the D and F images first. Lighter images mean faster category pages.

Platform-specific setup guides

How to deploy compression on the platforms most teams ship from.

WordPress

  1. Install ShortPixel or Smush; rate before and after to verify the plugin is doing its job.
  2. For new uploads, turn on WebP or AVIF output in your image optimization plugin if it offers one.
  3. For old images, run the bulk optimizer; rate a sample of pages after to confirm.

Webflow

  1. Convert JPEG and PNG assets to WebP or AVIF with the image conversion tool in the Assets panel.
  2. The conversion replaces the original file, so download a backup first.
  3. Rate the served URL afterwards to confirm the smaller file is live.

Shopify

  1. Shopify resizes images on its CDN with {{ image | image_url: width: 800 }}. Request the size your template displays, not the original.
  2. For lookbook and editorial assets, manually compress with WebP.
  3. Rate served versions to confirm theme isn't serving the original at full size.

Next.js / React

  1. Use next/image with the right priority and sizes attributes for srcset generation.
  2. For external CDN images, configure remotePatterns and let Next.js optimize.
  3. Verify with this rater after deploy.

Static site generators

  1. Hugo and Astro have built-in image processing; Jekyll needs a plugin such as jekyll_picture_tag.
  2. Configure auto-WebP and responsive srcset.
  3. Spot-check post-build by rating a sample of generated images.

Common errors and how to fix them

Eight issues teams hit when optimizing image assets.

URL fetch fails

Cause: The server hosting the image blocks automated downloads or needs a login, or the URL points to a web page rather than the image file.

Fix: Copy the image address itself, or save the image and use the Upload tab.

Low score on a small image

Cause: Format is wrong (PNG for photo), the quality setting is too high, or the file carries large metadata.

Fix: Re-export as WebP at quality 85 or JPEG at quality 80.

High score but page still slow

Cause: Multiple medium-rated images on the same page compound.

Fix: Audit every image on the page. Total page weight matters, not individual scores.

Same URL rates differently later

Cause: The server returned a different file: a new upload, a CDN re-encode, or another format variant. The grade itself is deterministic, so the same file always gets the same score.

Fix: Save the file and upload it to rate exactly that file.

PNG photo rated D or F

Cause: PNG is lossless: bad for photos. Better for icons and screenshots.

Fix: Convert to JPEG or WebP for photos.

WebP image rated lower than expected

Cause: Lossy WebP is held to a tighter threshold than JPEG (lossless WebP has its own, looser one), and a WebP saved at quality 100, or saved lossless when the image is a photo, is much larger than it needs to be.

Fix: Re-export as lossy WebP at quality 85 and compare the two side by side.

Score is high but file is huge

Cause: Image dimensions are very large; the algorithm rates relative to dimensions.

Fix: Resize to actual display dimensions before serving.

Large image is rejected

Cause: The limit is 15 MB per image, and a download from an image URL fails if the server stops responding for 12 seconds.

Fix: Resize it to the size it is displayed at, then rate the smaller file.

The thresholds behind the grade

The most bits per pixel each format can carry and still score 80, a B. The JPEG, WebP and AVIF lines are the sizes Lighthouse's image audits (version 12) expect of a well-compressed image; the PNG line sits near the median PNG on the web, 3.8 bits per pixel in the HTTP Archive's 2024 Web Almanac. Lossless WebP gets 3.0, because Google's WebP documentation puts lossless WebP 26% below PNG. A needs three quarters of the line or less, the score falls to 70 (C) at 1.5 times the line and 60 (D) at twice it, and it reaches 0 at six times it.

2.0
JPEG: most bits per pixel that still earns a B
1.6
Lossy WebP: most bits per pixel that still earns a B
1.33
AVIF: most bits per pixel that still earns a B
4.0
PNG: most bits per pixel that still earns a B

Frequently asked questions

Twelve answers covering image compression rating.

Related free tools

Other utilities that pair with the Compression Rating Tool.

Rate an image right now

Image URL or upload, A-F grade, one-line verdict. Free, unlimited, no signup.

Try the Rating Tool