JPG to WebP Converter — No Upload, No Quality Surprises
25–34% smaller files from JPEG sources — lossy-to-lossy done right
Converting JPEG to WebP is different from converting PNG to WebP — both formats are lossy, so re-encoding always introduces a second generation of compression. At quality 85, the size savings are real (25–34% smaller) and the quality loss is invisible to the naked eye at normal viewing distances. Below 75, artifacts can compound noticeably. Drop JPEG files below, use quality 80–90 for photo delivery, and download WebP. All processing runs in your browser via the Canvas API — your files never leave your device.
Real-World Benchmark — Our Own Tests
Below are file sizes (rounded to the nearest readable KB; byte-exact values in src/assets/benchmarks/jpg-to-webp/results.json) from running this exact converter (tooldev.app v1.5) on five representative JPG inputs. No theoretical estimates — these numbers reflect the actual Canvas-API output you will see when you upload the same files.
| Sample | Source JPG | WebP @ 50% | WebP @ 75% | WebP @ 100% |
|---|---|---|---|---|
| icon (256×256) | 9.9 KB | 3.9 KB | 4.7 KB | 44 KB |
| photo (1920×1280) | 137 KB | 28 KB | 49 KB | 503 KB |
| screenshot (1440×900) | 50 KB | 15 KB | 18 KB | 250 KB |
| gradient (1280×720) | 20 KB | 5.3 KB | 6.2 KB | 87 KB |
| composite (1280×853) | 36 KB | 10 KB | 13 KB | 115 KB |
Methodology & honest caveats
Test images are all self-generated by tooldev.app (see src/assets/benchmarks/samples/SOURCES.md). Reference PNGs were first re-encoded to JPG at quality 85 via the same engine to produce realistic JPG inputs, then converted to WebP. Conversions executed via tooldev.app v1.5 on 2026-05-20 in Chromium 148 on macOS. Output quality slider tested at 50%, 75%, and 100%. Reported file sizes are byte-exact from the actual Canvas-API toBlob output, not theoretical estimates. Double-lossy caveat: the JPG source is already lossy; the WebP quality slider only controls the second pass. A 75% WebP made from an 85% JPG is NOT equivalent to a 75% WebP made directly from a lossless PNG — some perceptual detail was already lost in the source. Honest caveat about WebP at 100%: at the maximum slider position Chrome's encoder switches to lossless WebP, which must reproduce all the JPEG compression artifacts faithfully and therefore explodes in size for photographic content. Lossy WebP at 75% remains the practical sweet spot. Sample files: icon.png, photo.png, screenshot.png, gradient.png, composite.png — all in our repository under src/assets/benchmarks/samples/.
Your Files Never Leave Your Browser
Conversions run locally in your browser using the Canvas API, with Web Workers used when supported. Your image data stays on your device and is never uploaded to any server.
We use Google Analytics and Google AdSense for aggregated traffic stats and contextual ads when consent allows it. Theme and language preferences stay in your browser. We never see, read, or store the images you convert.
Browser-based conversion has trade-offs: large files (>50 MB) may hit memory limits; animated GIF output flattens to a single frame; EXIF metadata is stripped; ICC color profiles may differ across browsers.
> jpeg_to_webp_technical_notes
JPEG and WebP are both lossy formats, which means converting between them is different in an important way from converting a lossless PNG to WebP. Understanding this helps you choose the right quality setting and avoid a common mistake.
Generation loss — what it is and when it matters
When you decode a JPEG and re-encode it as lossy WebP, you are performing a lossy-to-lossy transcode. JPEG encodes image data by dividing it into 8×8 pixel blocks, applying a DCT (discrete cosine transform), and quantizing the result — discarding high-frequency detail that the human eye is least sensitive to. The decoded pixel data therefore contains quantization noise, ringing artifacts around sharp edges, and color banding in gradients.
When that decoded data is fed into the WebP VP8 encoder, a second quantization pass occurs on top of the first. Each generation of lossy encoding amplifies the existing artifacts: ringing becomes more visible, color transitions get choppier, and fine textures lose more definition.
In practice: at WebP quality 85 applied to a typical camera JPEG (original quality 90–95), the additional generation loss is invisible at normal viewing distances. At WebP quality 75 applied to a pre-compressed JPEG (original quality 65–70), the compounding artifacts can become obvious — banding in skies, smearing in hair or foliage.
Rule of thumb: Match or stay within 10 points of the estimated source JPEG quality. If your source JPEG looks crisp at quality 85+, use WebP quality 80–90. If your source JPEG is already compressed (small file relative to resolution), don't compress further — use WebP quality 85–90 to at least match the existing quality.
Why lossless WebP of a JPEG source is usually larger than the JPEG
A counterintuitive but important fact: converting a JPEG to lossless WebP typically produces a file that is 2–4× larger than the original JPEG. This surprises people who expect lossless = smaller.
Here is why: JPEG stores data as DCT coefficients, which are a compact mathematical representation of the image. When you decode a JPEG, you get back a raster of pixel values — but those pixels carry all the quantization noise, ringing, and block artifacts that JPEG introduced. Lossless VP8L must preserve every one of those noisy pixel values exactly, because it cannot discard anything. Lossless compression is notoriously inefficient at compressing random-looking noise, which is precisely what JPEG artifacts look like at the pixel level.
The conclusion: always use lossy WebP (quality 80–90) for JPEG sources. Reserve lossless WebP for PNG, BMP, and other lossless-source images where the pixel data is structured and compresses well.
Quality setting guide for JPEG sources
- Quality 85–90 — high-quality source JPEGs (camera exports, stock photos at 90+). Minimal generation loss, 20–30% size reduction. Best default for most photography.
- Quality 80–85 — typical web JPEGs (quality 75–85 originals). Good balance. 25–34% size reduction. Covers product photos, blog images, press releases.
- Quality 75–80 — heavily used for social media thumbnails, preview images where bandwidth matters more than pixel-perfect quality.
- Below 75 — avoid for JPEG sources. Artifact compounding becomes visible. Only use if the source JPEG is tiny and you need an even smaller file with accepted degradation.
> how_to_convert
- Upload your JPG fileDrag and drop your JPEG image into the converter, or click "browse files". Multiple files are supported for batch conversion.
- WebP is pre-selectedThe output format is already set to WebP. Adjust the quality slider if needed — 85% balances size and quality well for photographs.
- Download your WebPClick "Convert All", then download files individually or as a ZIP archive.
> jpg_vs_webp
| Feature | JPG | WebP |
|---|---|---|
| Compression | Lossy only | Lossless + Lossy |
| Typical file size | Baseline | 25–34% smaller |
| Transparency | ✗ No | ✓ Yes |
| Browser support | All browsers | Chrome, Firefox, Safari 14+, Edge |
| Best use case | Universal sharing | Web delivery |
| Quality at same size | Standard | Better |
> when_not_to_convert_jpg_to_webp
JPG to WebP is not always the right move. Four scenarios where you should keep the JPEG:
1. Source JPEG is already heavily compressed
If your JPEG was saved at quality 50–65 — typical of social media re-uploads, screenshots of social content, or images exported for email — visible JPEG artifacts (blocking, ringing, banding) are already present. Re-encoding to WebP adds a second generation of artifacts on top of those, and the file size savings are minimal because the JPEG is already small. At this point, you are only making the image look worse for no meaningful benefit. Keep the JPEG as-is or re-export from the original source if available.
2. The image is part of a multi-step editing pipeline
If the JPEG will be opened in an editor, adjusted, and re-saved — even once more — never use lossy WebP as an intermediate format. Each save in a lossy format is another generation of loss. Use PNG or TIFF for any file that is still being edited. Convert to WebP only at the final delivery step, when the image will not be edited again.
3. You need to preserve EXIF metadata (GPS, camera settings)
Browser-based Canvas conversion strips EXIF metadata from the output — GPS coordinates, camera model, shutter speed, ISO, lens information. WebP the format does support XMP and EXIF, but the Canvas API does not carry them through. If your JPEG contains metadata you need to preserve (for forensic, archival, or legal reasons), use a command-line tool like cwebp with the -metadata all flag instead of a browser-based converter.
4. Your distribution channel requires JPEG specifically
Certain platforms and workflows require JPEG as input: older email clients (Outlook 2016 and below), some digital camera transfer protocols, specific government/regulatory form upload systems, and print bureau submission portals. When a system specifies JPEG, submit JPEG. Keep a WebP copy for web delivery and a JPEG copy for these channels.
> when_jpg_to_webp_makes_a_difference
JPG has been the default format for photographs since the 1990s. It works everywhere and most cameras and editing tools produce it by default. The problem is that it was designed in an era of simple compression algorithms. WebP, released by Google in 2010, achieves smaller files at equivalent or better visual quality — 25–34% smaller on average for photographs.
For web use, switching from JPG to WebP consistently produces measurable results without visible quality loss:
- Photography portfolios — gallery pages with dozens of full-resolution photos benefit most. A page that loads 20 large JPGs in 8 seconds may load the same WebP images in 5.
- Online stores and product galleries — product image sets are often the heaviest part of any product page. WebP conversion directly improves page load speed, which Google's ranking algorithm factors into search results.
- Blog featured images — large hero images on article pages are a common Core Web Vitals bottleneck. Converting JPG hero images to WebP is one of the fastest LCP score improvements available.
- Social preview images — thumbnails generated for Open Graph cards are often JPG exports; converting to WebP reduces payload size for every link share.
- Pre-deployment batch optimization — converting a folder of JPG assets to WebP before uploading to a CDN is a standard pre-launch workflow for frontend developers targeting PageSpeed scores of 90+.
The one reason to keep JPG: maximum compatibility. Email clients, older mobile apps, and some desktop applications don't support WebP. For web delivery — keep WebP. For everything else — keep a JPG copy as fallback.