PNG to JPG Converter

Why convert PNG to JPG?

PNG and JPG are the two formats every web user runs into daily, but they were designed for different jobs. PNG uses lossless compression and supports transparency, which makes it perfect for logos, icons, and screenshots. JPG uses lossy compression and ignores transparency, but that lossy compression cuts file size by 60–90% on photographs — at quality settings the human eye usually can't tell apart from the original. If your PNG is a photo, converting it to JPG is the single biggest performance win you can apply without changing anything else about your site.

A typical 1920×1080 PNG photograph weighs 3–5 MB. The same photograph as a JPG at quality 85 weighs 200–400 KB — roughly ten times smaller. On a 4G connection that's the difference between a page that loads in half a second and one that takes four. Google's Core Web Vitals — specifically Largest Contentful Paint (LCP) — punish slow image loads in ranking, so converting your hero PNGs to JPG is also a direct SEO improvement.

How this converter works

When you drop a PNG onto the tool, the browser decodes it into a hidden <canvas> element at its original resolution. Because JPG has no alpha channel, the canvas is first filled with your chosen background colour — every transparent pixel in the PNG is composited against that colour. The canvas is then re-encoded via canvas.toBlob('image/jpeg', quality), producing a fresh JPG you can download. Two important things happen here: the conversion is single-pass (no upload, no queue), and the encoder runs inside your browser, so the file is never visible to us or anyone else.

Most PNGs have a transparent or solid-coloured background, but some have semi-transparent edges (e.g. anti-aliased logos rendered over transparency). Those edges blend with your chosen background colour during conversion. Pick white for use on white pages, black for dark themes, or the actual page colour for the best edge blend.

Choosing the right quality setting

JPG quality is a number from 0 to 1 (or 0 to 100 in older tools). Higher = larger file + better visual fidelity. Below are practical anchors:

• 95–100 — visually identical to the original but only 30–50% smaller than the source PNG. Use for archival copies or when you'll edit the file again later.
• 80–90 — the sweet spot for hero images, product photos and most web use. Typically 80% smaller than the source PNG, with no artefacts most users will notice.
• 70–80 — great for thumbnails, gallery previews and below-the-fold images. Some blocking artefacts may appear in smooth gradients (skies, sunsets).
• 50–70 — noticeably worse but still usable for very small thumbnails or placeholder/blurhash backgrounds.
• Below 50 — almost always too aggressive; use only for tiny previews where artefacts won't be visible.

If you're unsure, start at 85, look at the result, and adjust by 5–10 points until you can't tell the difference. The before/after preview on this page lets you eyeball that directly.

PNG vs. JPG — at a glance

Property	PNG	JPG
Compression	Lossless	Lossy
Transparency	Yes (8-bit alpha)	No
Best for	Logos, text, screenshots, icons	Photographs, large gradient images
Typical photo size (1080p)	3–5 MB	200–400 KB at quality 85
Re-saving artefacts	None	Builds up with each save
Supported browsers	All	All

When you should NOT convert PNG to JPG

• Anything with transparency — logos that need to sit over arbitrary backgrounds, UI icons, watermarks, cut-out subjects. JPG will replace your transparent pixels with the background colour and there's no way back.
• Screenshots of text or UI — JPG's lossy compression introduces ringing around sharp edges, which is exactly what text is. PNG-to-JPG of a screenshot almost always looks worse, even if the file is smaller. Use the PNG Compressor or PNG to WebP tools instead.
• Source files you'll edit later — every JPG save loses quality. Keep your master copy as PNG and export JPG copies only for final use.
• Images with sharp colour transitions — pixel art, charts, diagrams. JPG blurs these; PNG or WebP-lossless preserves them.

Tips for the best result

• If your image has soft, photographic edges (e.g. a portrait against a faded background), set the JPG background to a colour close to the original background — the edge blend will look more natural.
• Combine PNG-to-JPG with PNG Resizer when your source is much larger than the display size. A 4000-pixel-wide photo shrunk to 1600 pixels then saved as JPG is roughly 1/15th the file size of the original PNG.
• For dark websites, set the background to #0f172a or your actual page colour rather than white — semi-transparent edges then blend cleanly.
• If the result looks blotchy at quality 85, your source is probably already a re-saved JPG — re-saving compounds artefacts. Track down the original PNG if you can.

FAQs

Related tools