How to Compress a Photo, Picture or Image in Chrome, Step by Step
Photo Compressor is a free photo compressor Chrome extension that shrinks image files — JPEG, PNG, WEBP and GIF — right inside the browser, with nothing ever leaving your computer. According to its Chrome Web Store listing, the extension typically cuts file size by 50–70%, and on some files the reduction goes higher still.
This guide walks through the whole workflow: installing the extension, opening its side panel, adding images three different ways, choosing a compression level or a target size in kilobytes, downloading a single file or a full batch as a ZIP, and renaming the output. Two scenarios get their own section further down — compressing an image straight from a web page with a right click, and hitting an exact upload limit a form demands. Install from the Chrome Web Store to follow along.
What you need before you start
The side panel this extension relies on is part of Chrome itself, added in Chrome 114 and extended with a scriptable open() method in Chrome 116, according to Google’s own chrome.sidePanel API reference. Anyone running a Chrome build older than that won’t see the panel appear the way this guide describes it, so it’s worth checking the version first — open chrome://settings/help and look at the number Chrome reports.
No account, sign-up or login is required anywhere in the process. The extension works the moment it’s installed, and since chrome.sidePanel is a Chromium API rather than a Chrome-only feature, the same side panel behavior extends to other Chromium-based browsers running a recent enough engine, such as Edge, Brave or Opera.
Step 1. Install the extension from the Chrome Web Store
Open the Photo Compressor listing, click Add to Chrome, and confirm the permissions prompt. The listing shows version 1.2, an interface available in 52 languages, and a small but clean track record — 358 users and a 5.0 rating from 3 reviews at the time of writing, published by developer pixelpioneer.
Once it’s installed, click the puzzle-piece icon in Chrome’s toolbar and pin Photo Compressor so its icon stays visible. This one click matters more than it looks — a pinned icon is what makes the side panel one click away instead of buried in a menu every time.
Which permissions Chrome will ask for and why
Chrome will ask for access to the sites you visit. That’s not for tracking — it’s what lets the extension inject the Compress Image entry into the right-click context menu on any page. All the actual compression still happens locally in the browser; the site-access permission has nothing to do with uploading files anywhere. A full breakdown of every permission the extension requests, and why each one exists, is on the access and permissions page.
Step 2. Open the side panel
Click the pinned icon and a panel titled Image Compressor opens along the edge of the browser window. This is the extension’s home screen, and it stays open — that’s the entire point of building it on chrome.sidePanel instead of the more common popup pattern.
A regular extension popup closes the instant you click anywhere outside it, which makes it painful to gather images from several tabs — you’d have to reopen the popup after every single click elsewhere. A side panel docked to the browser window survives tab switches, so it’s possible to browse to a product page, drag a photo in, switch to another tab, drag in a second photo, and keep going without losing the panel’s state at any point.
Step 3. Add your images: three ways
There isn’t one single way to compress images in Chrome with this extension — Photo Compressor supports three ways to get images into the panel, and which one makes sense depends on where the file currently lives.
The ADD IMAGES button. A standard file picker opens, and it accepts a multi-select, so several photos from the same folder can be queued in one go rather than one at a time.
Drag and drop. Files dragged straight from a file manager window, a downloads folder, or even the desktop drop directly into the panel — no picker dialog needed at all.
Right-click on an image already on a web page. This is the fastest of the three when the picture in question is already open in a browser tab rather than saved locally, and it gets a full section of its own below.
Step 4. Choose a compression level or a target size in kilobytes
This step is where Photo Compressor’s biggest structural advantage over most of the market shows up. TinyPNG, Squoosh, Compressor.io and iLoveIMG all reduce file size through a quality slider — pick a percentage, compress, check the result, adjust and try again if it’s still too big. None of them let a user simply state a target weight in kilobytes and have the tool find it.
Photo Compressor does. Instead of guessing at a quality percentage, it’s possible to set a hard ceiling — say, “no more than 100 KB” — and let the algorithm work backward from that number. The examples from the extension’s own screenshots put this in concrete terms: one file went from 348 KB down to 150.3 KB (a 53% cut), another from 157.6 KB to 56.0 KB, and a third from 290.2 KB to 80.7 KB. Typical reductions land in the 50–70% range, with some individual files compressing even further.
One honest caveat is worth stating plainly: the algorithm finds the closest value that does not exceed the target, not an exact byte-for-byte match. Asking for 100 KB will reliably produce a file at or under 100 KB, not necessarily one landing on exactly 100.0 KB.
| Tool | Compression control |
|---|---|
| Photo Compressor | Quality slider or exact target size in KB |
| TinyPNG | Quality slider only |
| Squoosh | Quality slider only, one image at a time |
| Compressor.io | Quality slider only |
| iLoveIMG | Quality slider only |
Step 5. Rename the output file
Before downloading, it’s possible to give the compressed file a custom name instead of keeping the original filename with a suffix tacked on. This sounds minor until it’s part of a repeated workflow — preparing images for a website, for instance, where the file needs to land as hero-mobile.jpg rather than something like IMG_4821-compressed.jpg that then has to be renamed manually afterward.
It’s also a feature some competitors gate behind a paywall. Compressor.io, for example, only opens custom renaming to its Pro tier, priced around $50 a year — a cost this extension skips entirely by offering the same control for free.
Step 6. Download one file or the whole batch as a ZIP
A single compressed image downloads with one click, the same way any browser download works. For a batch, the DOWNLOAD ALL button bundles every compressed file in the panel into one ZIP archive, so five, ten or more images come out as a single download instead of five, ten or more separate save dialogs.
The CLEAN ALL button clears the panel afterward, resetting it for the next batch. Bulk handling like this isn’t unique — compressimage.io also ships images as a ZIP with a 70% default quality — but pairing batch processing with a target-size option and a completely local pipeline is where Photo Compressor pulls ahead of Squoosh, which is limited to one image at a time and has been without updates since August 2024.
Compress an image straight from a web page with a right click
This is the scenario that doesn’t require touching a file manager at all. Spot an image while browsing — in a search results page, on a blog, anywhere in the tab — and right-click directly on it. Among the usual browser options like “Save image as” and “Copy image,” Photo Compressor adds its own entry: Compress Image.
Clicking it sends that image straight into the side panel already compressed, without ever saving the original to disk first. The extension’s own screenshot demonstrates the result on a real photo pulled from a search page: 348 KB in, 150.3 KB out, a 53% reduction, achieved in exactly two clicks. There’s no intermediate download folder, no manual upload step afterward, and no second pass through a separate tool — the chrome.contextMenus API that powers this is what makes injecting a custom right-click action into any page possible in the first place.
How to fit a specific upload limit
A huge share of real-world image compressing has nothing to do with quality preferences and everything to do with a form somewhere refusing a file that’s too big. Government portals commonly cap a passport-style photo at 20–50 KB, email or application attachments often top out around 100 KB, and profile avatar uploads frequently sit near a 200 KB ceiling. On most compression tools, meeting a limit like that means dragging a quality slider, checking the output size, and repeating the guesswork until it finally fits.
The more direct route with a target-size field:
- Find the exact limit the form states — the number is usually printed right next to the upload button.
- Set that number as the target size in kilobytes inside the Photo Compressor panel.
- Compress the image.
- Check the resulting file size shown in the panel.
- If it still comes in slightly over, drop the target by 10–15% and compress again.
One distinction matters here: if a form is rejecting a file because of its pixel dimensions rather than its file size, compression alone won’t fix that — dimensions and file size are two separate properties, and the difference between resizing and compressing is explained in full on the technical docs page.
Dark theme, formats and other small things
Photo Compressor supports JPEG, PNG, WEBP and GIF, and its interface ships in 52 languages, matching the browser’s own language setting. A theme switch sits in the bottom toolbar, letting the panel run in either dark or light mode depending on preference.
One honest limitation is worth stating rather than glossing over: on PNG files built from flat, solid-color graphics — icons, logos, simple illustrations — a specialized tool like TinyPNG will typically squeeze out a smaller result than a general-purpose compressor tuned for photographs. For that narrow case, TinyPNG’s PNG-specific algorithm has an edge. For everyday photo and picture compression across mixed formats, the trade-off runs the other way. A full feature breakdown covers every capability side by side.
Official sources
- Photo Compressor — Chrome Web Store listing
- chrome.sidePanel API reference — Chrome for Developers
- chrome.contextMenus API reference — Chrome for Developers
- Choose the right image format — web.dev
- Optimize images — Google PageSpeed Insights documentation
- HTMLCanvasElement: toBlob() method — MDN Web Docs
- Lossy compression — Wikipedia
Frequently asked questions
Ready to try it? Install from the Chrome Web Store — it’s free, and every step above works the same way on the first try. For a full walkthrough of every capability, see the features page; for the technical details on formats and quality, see the docs; for more answers, the FAQ covers the rest of the common questions. Anyone comparing options across the whole picture compressor landscape can start from the homepage and branch out from there.