Image Optimization Analyzer

Image optimization reduces the file size of an image without meaningfully degrading how it looks. Smaller files load faster, consume less bandwidth, and improve Core Web Vitals such as Largest Contentful Paint. The main levers are choosing the right format, adjusting the compression level, resizing dimensions, and removing unnecessary metadata.

This analyzer reads the file name, size, type, and pixel dimensions of an image and then computes its bits-per-pixel value, which is the file size in bits divided by the number of pixels (size × 8 ÷ pixels). That single number is a useful signal: very high values usually mean the image is inefficiently encoded or carries data that could be stripped.

The recommendations depend on the format. JPEG images get suggestions to reduce quality to 80–85% when bits-per-pixel exceeds 2, to resize when the longest edge is over 1920 pixels, and to convert to WebP or AVIF. PNG images get PNG-8 quantization, an optional JPEG conversion for photographic content, and lossless WebP and AVIF options. GIF, BMP, and WebP each have their own tailored advice. The results also show format score cards, with JPEG labeled as the original at 100% alongside estimated WebP and AVIF efficiency, and a total potential savings figure capped at 100%.

The analysis runs entirely in your browser. The image is read locally with the FileReader and Image APIs, so it is never uploaded, stored, or shared.

Key Concepts

• Bits per pixel — file size in bits divided by the pixel count.
• Dimensions — the width and height read from the image.
• Format recommendations — advice tailored to the detected file type.
• Estimated savings — the size reduction each technique could achieve.
• Format score cards — the relative efficiency of JPEG, WebP, and AVIF.
• Client-side analysis — images are never uploaded.

1. Upload an image — Drag and drop a raster image onto the drop zone or click Browse Images to choose a file.
2. Read the file information — Review the name, size, dimensions, and detected format.
3. Review compression analysis — Check the current and recommended formats plus the resolution and bit-density notes.
4. Review optimization suggestions — See each suggestion with its estimated savings and percentage.
5. Apply the recommendations — Resize, recompress, or convert the image with an image editor or optimizer.

Analyzing an image before optimizing it saves time and removes guesswork. Here are some of the situations where it helps most.

1. Web performance tuning — shrink hero and banner images to improve Largest Contentful Paint.
2. E-commerce — optimize product photos without visible quality loss.
3. Blogs and CMS — reduce upload sizes for faster page loads.
4. Landing pages — prepare responsive, modern-format assets.
5. Mobile apps — audit bundled image assets for size.
6. Site audits — find the biggest optimization opportunities first.