Compress JPG and WebP images online by quality slider or exact target file size. Free browser-based image compressor with savings percentage and instant download.
The Tooloogle Image Compressor shrinks JPG and WebP images directly in your browser using two complementary modes: Quality (drag a slider from 0.1 to 1.0 and watch the output size update live) or Target size (type a maximum file size in KB and the compressor binary-searches the optimal quality automatically). Drop a photo onto the upload zone, pick a mode, choose JPG or WebP output, and download the compressed file with one click. No upload to a server, no signup, no watermark — the entire compression pipeline runs locally using the native Canvas API. Perfect for hitting platform file-size limits (email attachments, contact-form uploads, support-ticket screenshots), reducing bandwidth on image-heavy pages, or trimming photos before saving them long-term.
When you select an image, the compressor reads its file size and dimensions, draws it to an off-screen <canvas> at native resolution, then re-encodes it via canvas.toBlob() at your chosen quality. Quality mode updates the output live as you drag the slider, with a 150ms debounce so the browser stays responsive. Target-size mode runs a binary search across the quality range (capped at 7 iterations) to find the highest-quality output that still fits under your KB ceiling — usually completing in well under a second even for large source images. After every compression, the tool shows the original size, the new size, and the savings percentage so you can see exactly what you saved. Click Download to save the compressed file with the suffix -compressed.
Two compression modes — Quality (manual slider 0.1–1.0) or Target size (auto-tune to a KB ceiling via binary search).
JPG & WebP output — the two formats with meaningful quality controls. PNG is intentionally excluded because it's lossless and a quality slider has no effect.
Live updates — in Quality mode, dragging the slider re-encodes the image with a 150ms debounce so the size and preview refresh as you go.
Binary-search target tuning — in Target-size mode, the compressor finds the best quality that fits your KB target in ≤7 iterations.
Savings stat cards — original size, compressed size, and savings percentage shown side by side after each run.
Race-guarded encoding — rapid slider drags or repeated mode changes never produce stale results; only the latest encode commits to the UI.
Drag & drop upload — click the upload zone or drop a file from your file manager.
Smart filename — downloads as <original-name>-compressed.<ext>.
Browser-only — native Canvas + toBlob. No upload, no analytics on your image.
Upload — drop a JPG, PNG, or WebP onto the upload zone, or click to browse. (PNG sources are accepted but you'll output as JPG or WebP — transparency is dropped on export.)
Pick a mode — Quality for manual control, Target size for automatic tuning to a maximum KB.
Configure — in Quality mode, drag the slider until the size or visual quality is right; in Target-size mode, type the maximum size in KB.
Choose the output format — JPG for maximum browser compatibility, WebP for noticeably smaller files at the same visual quality.
Review savings — the stat cards show the original size, the new size, and the percent saved.
Download — click the download button to save the compressed file with the -compressed suffix.
Shrinking large phone photos so they fit under email attachment limits (Gmail caps inline at 25MB but most corporate inboxes are stricter). Compressing screenshots for support tickets where the form requires under 1MB per file. Pre-compressing product photos before uploading them to e-commerce platforms that re-compress aggressively (giving you control over the quality loss instead of leaving it to the platform). Trimming hero images on a landing page so the largest contentful paint (LCP) loads quickly enough to pass Core Web Vitals. Hitting WhatsApp's photo size cap without losing too much quality. Compressing images for inclusion in a PDF or email-marketing campaign where bloated assets slow open rates. Shrinking screenshots in documentation so the docs site stays lean. Producing low-bandwidth versions of marketing images for users on metered mobile connections. Compressing scanned receipt or document photos for expense reports. Reducing photo album sizes before backing up to a constrained cloud-storage tier. Producing tiny preview thumbnails for image galleries.
Quality mode is for when you care primarily about how the image looks — you want the highest fidelity within a rough size range, and you're willing to drag a slider until the preview looks right. Quality 0.85 is a strong default for photos: visually indistinguishable from the original on most displays at half the file size or better. Drop to 0.7 for aggressive compression with mostly-acceptable artifacts. Below 0.5, JPEG and WebP both start showing visible block artifacts on photos, though it can still be acceptable for thumbnails or background images.
Target-size mode is for when you have a hard file-size limit — the form rejects anything over 200KB, the email policy caps attachments at 1MB, the CMS image-upload limit is 500KB. Type the cap, let the binary search find the best quality that fits, and you're done. Target-size mode is faster than manually iterating through quality values when you have a specific number to hit. The binary search is bounded at 7 iterations, so even worst-case runs complete in well under a second.
JPG is supported by every browser and image viewer ever made. Choose it when the compressed image needs to be opened by an arbitrary tool with no compatibility risk — ancient enterprise software, very old phones, prepress workflows.
WebP produces smaller files than JPG at equivalent visual quality — typically 25–50% smaller for the same perceptual quality. Supported by every modern browser (Chrome, Firefox, Safari 14+, Edge) and most image viewers and platforms. Choose WebP for any web delivery scenario, social media uploads, or mobile-app assets. The same quality value (e.g. 0.85) generally produces a smaller WebP file than the equivalent JPG.
Don't recompress an already-compressed JPEG — each pass adds artifacts. If you have the original (camera RAW, PNG export, original WebP), compress from that source. If your only source is a previously-compressed JPEG, accept that the result will be slightly worse than compressing from the original. Pick the lowest quality that still looks acceptable to your eye at the display size you actually care about — quality 0.7 might look fine in a 200×200 thumbnail even if it shows artifacts at full screen. Use WebP for the web by default; the small risk of unsupported clients is outweighed by the file-size savings. For very small images (icons, avatars), the format overhead can mean WebP and JPG are within bytes of each other — either choice is fine. When using Target-size mode, set the cap a little tighter than the absolute platform limit so you have headroom for the small wrapper overhead some upload services add. Compress images after resizing, not before — resize first to your target dimensions, then compress; compressing a high-resolution image and then resizing wastes the compression effort.
The Tooloogle Image Compressor never uploads your image. It reads the file via FileReader, draws to Canvas, encodes via canvas.toBlob(), and downloads via a Blob URL — all in your browser tab. Verify with DevTools that no network requests fire as you upload, drag the quality slider, or download. This makes the compressor safe for screenshots that contain personal or proprietary information, draft marketing assets, NDA-protected work, medical or legal images, and any other photo you can't hand to a random web service. Browser-only processing also means the tool is fast: the only latency is the time the CPU needs to encode the image, with no network round-trip per quality change.
Tooloogle's compressor is focused on the two compression workflows that matter: dragging a quality slider and watching the output update live, or typing a target file size and letting the tool tune the quality automatically. The binary-search target tuner is fast, predictable, and capped at 7 iterations so it never hangs the UI. The race-guarded encoding pipeline ensures rapid slider movements never produce stale stat cards or out-of-date previews. JPG and WebP outputs cover every common compression scenario; PNG is intentionally excluded because a quality slider for a lossless format would mislead. Browser-only processing keeps your images private and makes the tool fast and offline-capable. Bookmark the page next to your inbox, your CMS, or your phone's photo gallery — whenever an image is too large for where it needs to go, the compressor is two clicks away. Pair the compressor with the Tooloogle Image Resizer when you need to change pixel dimensions before compressing, and with the JPG to WebP Converter if you only need a format change without quality tuning.
How to Use Image Compressor - Compress JPG and WebP Online to Target Size
Enter or paste the content you want to process using the image compressor - compress jpg and webp online to target size.
Adjust any available settings or options to customize the output.
View, copy, or download your processed results instantly.
Compress JPG and WebP images online by quality slider or exact target file size. Free browser-based image compressor with savings percentage and instant download.
Tool Use:
1Type:
Free ToolPrivacy:
Client SideConvert any image (PNG, JPG, GIF, SVG, WebP) to a Base64 data URI for embedding in HTML, CSS, or JSON.
Decode Base64-encoded image strings back to viewable PNG / JPG / GIF / WebP images — free and instant.
Convert JPG images to WebP format and reduce file size by up to 80%. Free online JPG to WebP converter with quality control — browser-based, batch-friendly.
Convert WebP images to PNG format instantly. Free online WebP to PNG converter — lossless, transparency-friendly, browser-based, batch supported.
Optimize SVG files online — remove metadata, minify styles, and compress without losing quality. Free, browser-based SVG optimizer.