What is the ArrayKit image optimizer?

It is an in-browser tool that re-encodes an image to JPEG, WebP or PNG at a quality you choose, optionally resizing it, and shows the original size, optimized size and percentage saved so you can shrink images before publishing them.

How do I compress an image without losing too much quality?

Start at 80% quality in JPEG or WebP and check the live preview. WebP usually gives the smallest file for photos at a given quality; nudge the slider down further only if the preview still looks acceptable.

Does the image optimizer change the dimensions?

Only if you set a max width. Leave it blank to keep the original resolution; otherwise the image is scaled down proportionally to that width while keeping its aspect ratio.

Why is my optimized file sometimes bigger than the original?

Re-encoding an already-compressed image, especially to PNG, can increase the size. Switch to JPEG or WebP and lower the quality slider to get real savings.

Which format gives the smallest image file?

WebP usually wins for photographs, while PNG is best for flat graphics and anything needing transparency. JPEG is a solid middle ground for photos when WebP is not an option.

Are my images uploaded anywhere when I use the image optimizer?

No. The image optimizer decodes and re-encodes everything locally in your browser, so your images never leave your device and nothing is uploaded to a server.

Image Optimizer

Re-encode and shrink images (JPEG/WebP/PNG), optionally resizing.

Your images are decoded and re-encoded locally in your browser, so they never leave your device and nothing is uploaded.

Need a different file type? Try the Image Converter.

About Image Optimizer

The ArrayKit image optimizer re-encodes an image to JPEG, WebP or PNG at an adjustable quality level and can cap its width, so you compress and resize pictures without bulky desktop software. Drop a photo or screenshot, pick a format, drag the quality slider, and instantly see the original size, the optimized size, and the percentage saved. It doubles as a quick jpeg compressor or webp converter whenever you need to reduce image size for faster page loads, lighter email attachments, or smaller app bundles. Developers, designers, bloggers and QA testers can shrink assets before committing them or shipping a build. Everything is processed locally in your browser using the Canvas API, so your data never leaves your device and nothing is uploaded to a server.

Features

Re-encode to JPEG, WebP or PNG from a single source image
Adjustable quality slider from 10% to 100% for JPEG and WebP
Optional max-width cap that resizes while keeping aspect ratio
Before and after size display with the exact percentage change
Live preview of the optimized image plus its output dimensions
White-background fill applied automatically when exporting to JPEG
One-click download with an auto-named -optimized file
All processing runs locally in your browser via the Canvas API

How to use the Image Optimizer

Drop an image onto the drop zone or click to choose a file.
Pick an output format: JPEG, WebP or PNG.
Drag the quality slider and, if needed, set a max width in pixels.
Click Optimize to re-encode and compare the original and optimized sizes.
Click Download to save the optimized image to your device.

Example

Input

photo.png — 2400 × 1600, 3.8 MB
Format: WebP, Quality: 80%, Max width: 1200

Output

Original: 3.8 MB
Optimized: 412 KB
Change: −89%
Output dimensions: 1200 × 800px

Re-encoding a large PNG to WebP at 80% quality with a 1200px width cap.

Common errors & troubleshooting

A TIFF or other exotic file shows "Could not process the image". — The optimizer relies on the browser image decoder, which cannot read formats like TIFF. Convert it to PNG or JPEG first, then optimize.
The optimized file is larger than the original. — Re-encoding an already-compressed JPEG to PNG can grow the file. Choose JPEG or WebP, or lower the quality slider to actually reduce size.
The quality slider disappeared. — PNG is lossless and has no quality setting, so the slider only appears for JPEG and WebP.
A transparent PNG turns white after export to JPEG. — JPEG has no transparency, so a white background is filled in. Keep WebP or PNG if you need to preserve transparency.

Frequently asked questions

What is the ArrayKit image optimizer?: It is an in-browser tool that re-encodes an image to JPEG, WebP or PNG at a quality you choose, optionally resizing it, and shows the original size, optimized size and percentage saved so you can shrink images before publishing them.
How do I compress an image without losing too much quality?: Start at 80% quality in JPEG or WebP and check the live preview. WebP usually gives the smallest file for photos at a given quality; nudge the slider down further only if the preview still looks acceptable.
Does the image optimizer change the dimensions?: Only if you set a max width. Leave it blank to keep the original resolution; otherwise the image is scaled down proportionally to that width while keeping its aspect ratio.
Why is my optimized file sometimes bigger than the original?: Re-encoding an already-compressed image, especially to PNG, can increase the size. Switch to JPEG or WebP and lower the quality slider to get real savings.
Which format gives the smallest image file?: WebP usually wins for photographs, while PNG is best for flat graphics and anything needing transparency. JPEG is a solid middle ground for photos when WebP is not an option.
Are my images uploaded anywhere when I use the image optimizer?: No. The image optimizer decodes and re-encodes everything locally in your browser, so your images never leave your device and nothing is uploaded to a server.

Related tools

Image Format Converter — Convert images between PNG, JPEG and WebP entirely in your browser.
EXIF Viewer & Remover — View and strip EXIF metadata (including GPS) from photos — nothing is uploaded.
SVG Optimizer — Minify SVG — strip comments, metadata and editor cruft, and collapse whitespace.
Image to PDF — Combine images into a single PDF (auto / portrait / landscape).
PDF to Images — Render PDF pages to PNG or JPG images you can download.
Compress PDF — Shrink a PDF by re-rendering each page to a JPEG at a chosen quality and resolution.
Open Graph Generator — Generate Open Graph & Twitter meta tags with a live social-card preview.
QR Code Generator — Generate a QR code from text or a URL; download as PNG or SVG.