The PNG to JPG converter on this page turns any PNG image into a compact JPG file directly inside your browser tab, with no software to install and no file ever leaving your computer. Pick an image, choose a quality level, and download the result — the whole process usually takes under two seconds, and for photographic PNGs it very often cuts the file size by 70% or more.
We built this tool as part of the free utilities collection from Arb Digital, a US digital marketing agency that also designs and builds fast, conversion-focused websites for small businesses. It sits alongside dozens of other free image tools and calculators so you always have something useful within reach while you work.
What This PNG to JPG Converter Does
This tool reads the pixels out of a PNG file and re-encodes them into the JPG (JPEG) format, which uses lossy compression tuned specifically for photographs and other richly-coloured images. In plain terms, it takes an image saved in a format built to preserve every pixel perfectly (PNG) and re-saves it in a format built to make files small (JPG). You get a quality slider so you can trade a little visual fidelity for a much smaller file, a live preview so you can see the result before committing, and a stats panel that reports the original size, the new size, the dimensions, and exactly how much space you saved.
Everything happens through the Canvas 2D API that is built into every modern web browser. The PNG is drawn onto an invisible canvas element at its native resolution, a background colour is painted first to handle any transparency, and the canvas is then asked to export itself as a JPG blob at your chosen quality. No image library, no plugin, and no server round-trip is involved at any point in that chain.
How to Use It
- Choose your file. Click "Choose a PNG image" or drag a .png file onto the dashed drop zone.
- Pick a background colour. If your PNG has transparent areas, choose the colour that should fill them — white is the safe default.
- Set the quality. Drag the slider; higher keeps more detail and a larger file, lower shrinks the file further. The preview updates instantly.
- Review the size saved. The stats panel shows how much smaller the JPG is compared with your original PNG.
- Download. Click "Download JPG" to save the new file. The image was never uploaded anywhere during this process.
Why PNG to JPG Almost Always Saves Space
Converting a PNG to JPG is the one image conversion that reliably makes files smaller — often dramatically so. A 4 MB PNG photo can easily become a 400 KB JPG at high quality, a 90% reduction, with no visible difference to most viewers. The reason lies in how the two formats compress data. PNG is lossless: it preserves every single pixel exactly, which is wonderful for accuracy but terrible for the file size of photographs, because real-world photos contain millions of subtly different colours that lossless compression cannot shrink efficiently. JPG is lossy: it intelligently discards the fine colour and brightness information the human eye is least likely to notice, achieving far smaller files in exchange for a small, usually imperceptible, loss of detail. You can read more about the JPEG standard and how its compression works on the MDN Web Docs JPEG glossary entry.
Because JPG is lossy, it is important to understand the one-way nature of the trade. Once you convert a PNG to a JPG and discard the original, you cannot get the lost detail back by converting the JPG to PNG again — that only wraps the already-reduced pixels in a larger, lossless container. For this reason, keep your original PNG whenever the image might need further editing, and treat the JPG as the final, published, "for delivery" version.
The Transparency Question — and Why the Background Colour Matters
PNG supports an alpha channel, which is the technical name for per-pixel transparency. JPG has no such thing: every pixel in a JPG is fully opaque, with no concept of "see-through" areas at all. This creates a decision the moment you convert a transparent PNG — a logo on a transparent background, for example — because those transparent pixels have to become some solid colour in the JPG. If a converter ignores this, transparent areas often turn an ugly black, which is why the result sometimes looks broken.
This tool handles it deliberately with the background-colour picker. Before drawing your image, it fills the canvas with the colour you choose, so every transparent pixel is composited onto that colour cleanly. White is the sensible default because most documents and web pages have white backgrounds, but if you know your JPG will sit on a coloured section, matching that colour here avoids a visible rectangle around the image. If your image genuinely needs to keep its transparent background, JPG is simply the wrong format and you should keep the PNG or use our WebP converter, since WebP supports both transparency and strong compression.
When Converting PNG to JPG Makes Sense
- Publishing photos to a website. Photographic JPGs load far faster than photographic PNGs, which directly helps page speed and Core Web Vitals — a genuine search-ranking factor.
- Emailing or messaging images. Smaller files send faster and are less likely to bump into attachment-size limits.
- Uploading where a size cap exists. Many forms, marketplaces, and job portals cap uploads at a few megabytes; a JPG usually slips comfortably under the limit where a PNG would not.
- Storing large photo libraries. When you have thousands of images, JPG's smaller footprint saves meaningful disk and cloud-storage space.
- The image is a photo, not a graphic. Photographs are exactly what JPG was designed for, so the quality cost is minimal and the size saving is large.
Conversely, keep the PNG when your image is a screenshot, a logo, an icon, line art, or anything with sharp edges, flat colours, or text — JPG's compression adds faint "halo" artefacts around hard edges, and for those images PNG is often both sharper and smaller. Our JPG to PNG converter handles the reverse direction when you need it.
How the Conversion Works Technically
When you select a file, the browser reads it with the FileReader API and loads the bytes into an Image object. Once that image has decoded, a canvas is sized to the image's native width and height, filled with your chosen background colour using fillRect(), and then the image is painted on top with drawImage(). From there the canvas element's built-in toBlob() method is called with a MIME type of image/jpeg and your quality value (a number between 0 and 1). The browser's own JPEG encoder — the same one built into Chrome, Firefox, Edge, and Safari — compresses the canvas pixels into a valid JPG in memory, entirely on your device's CPU. That in-memory blob becomes a downloadable link via URL.createObjectURL(), and the previous temporary URL is released with URL.revokeObjectURL() each time you re-convert, so a long editing session never leaks memory. The details of canvas image export are documented in the MDN reference on HTMLCanvasElement.toBlob().
Arb Digital builds lean, high-converting websites and handles the image optimization, SEO, and hosting decisions so your pages load quickly for every visitor.
See Web Design Services All Free ToolsChoosing the Right Quality Level
The quality slider is where most of the value in this tool lives, and it rewards a little experimentation. At the top end (95–100%) the JPG is nearly indistinguishable from the source but the file stays relatively large. In the 80–92% range — the sweet spot for most photographs — you typically remove the majority of the file weight while keeping the image looking crisp to the human eye. Below about 70%, compression artefacts start to become visible: soft blocky patches in smooth areas like skies, and faint fuzz around sharp edges. Because the preview updates live as you drag, the honest advice is to lower the slider until you can just start to see quality loss, then nudge it back up a step. That gives you the smallest file that still looks clean for your specific image, rather than trusting a one-size-fits-all default.
It is worth remembering that the ideal setting depends on how the image will be used. A hero photo on a website homepage deserves a higher quality setting because it is large and prominent, whereas a small thumbnail can tolerate aggressive compression that no one will ever notice. Matching the quality to the display size is one of the simplest ways to keep a site both good-looking and fast.
Common Mistakes to Avoid
- Converting logos and icons to JPG. Graphics with sharp edges and flat colour pick up visible artefacts and lose transparency. Keep those as PNG or SVG.
- Deleting the original PNG. JPG conversion is lossy and one-way. Keep the PNG if the image might ever need re-editing.
- Cranking quality to 100% out of habit. That defeats much of the point — you carry a large file for a quality difference almost no one can see. Let the preview guide you.
- Ignoring the background colour on transparent PNGs. If you leave it wrong, you may get an unexpected white or coloured rectangle behind your image once it is placed on a page.
- Re-saving the same JPG repeatedly. Every JPG re-save compounds quality loss ("generation loss"). Edit from the PNG and export to JPG once.
PNG vs. JPG: Picking the Right Format for the Job
It helps to think of JPG and PNG as tools built for different jobs rather than one being universally better. JPG was designed in the early 1990s specifically for photographs — images with smooth colour gradients and natural lighting — and its lossy compression exploits the limits of human vision to make those files remarkably small. PNG was designed as a lossless, general-purpose format that never discards a pixel, which makes it ideal for screenshots, logos, charts, and anything with flat colour, sharp edges, or text, and it is the only one of the two that supports transparency. Neither is "higher quality" in the abstract; they simply optimise for different kinds of content.
This is why the same "convert PNG to JPG" operation is a clear win for a photograph and a poor choice for a logo. Convert a landscape photo and you shrink a multi-megabyte file to a few hundred kilobytes with no visible loss. Convert a crisp screenshot of text and you both lose transparency and introduce faint fuzz around every letter. Our converter reports the real numbers for your specific file and lets you judge the preview, precisely because the right answer depends so heavily on what the image actually shows.
Related Free Tools From Arb Digital
If you work with images regularly, pair this converter with the JPG to PNG converter for the reverse direction, the WebP converter for the most web-efficient format available today, the image compressor to shrink a file without changing its format, the image resizer to change dimensions, and the image to Base64 encoder for embedding small icons directly in code. You can browse everything in our free online tools hub.
Frequently Asked Questions
For photographs, almost always — often by 70% or more. For flat graphics, logos, and screenshots the saving is smaller and JPG may even look worse, so PNG is usually better for those.
JPG cannot store transparency, so this tool fills transparent pixels with the background colour you choose (white by default) before converting.
No. The entire conversion happens locally in your browser using the Canvas API. Your image is never uploaded, transmitted, or stored anywhere.
No. JPG compression is lossy and permanent, so converting a JPG back to PNG only preserves the already-reduced quality. Keep your original PNG if you might need to edit it again.
For most photos, 80–92% removes most of the file weight while looking crisp. Use the live preview to lower the slider until you just notice quality loss, then step back up.
Yes. It runs in any modern mobile or desktop browser, and because everything is processed on your device, it also works with a poor connection once the page has loaded.
This tool runs entirely in your browser using built-in JavaScript. Your images are never uploaded, stored, or sent to any server.
