How to convert PNG to JPG
- Click Choose a PNG image and select the file. Only PNG is accepted.
- Pick a Background colour. Transparent areas will become this colour, so match it to where the image will appear.
- Set JPEG quality. The default 90% suits most uses; lower it if you need to meet a file-size limit.
- Check the size shown under the preview (dimensions and KB).
- Click Download JPG. The file keeps its name with a
.jpgextension.
What happens to transparency
The conversion runs in three steps on an HTML canvas the same size as your PNG:
ctx.fillStyle = '#ffffff'; // your background colour
ctx.fillRect(0, 0, width, height); // paint the whole canvas
ctx.drawImage(png, 0, 0); // draw the PNG on top
canvas.toBlob(cb, 'image/jpeg', 0.90); // export JPEG at 90%Fully transparent pixels become the background colour. Semi-transparent pixels, such as anti-aliased logo edges and soft shadows, are blended with it. That is why the background choice matters: a logo prepared on white and placed on a navy banner will show a pale halo around its edges.
Worked example: meeting an upload limit
A Lucknow coaching institute has to upload a scanned fee certificate to a scholarship portal that accepts "JPG only, maximum 200 KB". The scan is a 1,654 × 2,339 PNG (A4 at 200 dpi) of 2.1 MB. The steps below are an illustration of the process, as exact sizes depend on the scan:
- Convert at the default 90% with a white background, then check the size readout. If it is, say, 340 KB, it is over the limit.
- Lower the quality to about 75% and check again. Text-heavy scans usually shrink a lot between 90 and 75.
- If it is still too large, resize to 1,240 × 1,754 (A4 at 150 dpi) with the image resizer, choosing JPEG, and export again.
- Zoom in to confirm the amounts and the stamp are still legible before uploading.
When to keep PNG and when to use JPG
| Image type | Better format | Why |
|---|---|---|
| Product or lifestyle photo | JPG (or WebP) | Continuous tones compress far better with lossy formats |
| Logo or icon that needs a transparent background | PNG (or WebP) | JPG cannot store transparency |
| UI screenshot with small text | PNG | JPEG compression adds blur and ringing around sharp text |
| Scanned document for a portal | JPG if required | Many portals accept only JPG/JPEG with a KB cap |
| Image for a website | Consider WebP | Smaller than both and supports transparency |
For website images, try the WebP converter as well. Google's WebP documentation reports lossy WebP files 25–34% smaller than comparable JPEGs.
Common mistakes and how to fix them
- White halo on dark designs. Set the background colour to the exact hex code of the destination background, for example your brand navy, before converting.
- Converting text-heavy screenshots. Blurry edges around letters are JPEG artefacts. Keep PNG, or use quality 90 or higher.
- Re-saving JPGs repeatedly. Each JPEG save loses a little more detail. Always convert again from the original PNG.
- Expecting a smaller file every time. A simple flat graphic can be smaller as PNG. Compare the KB readout with the original.
- Losing the transparent master. Keep the PNG. You cannot recover transparency from the JPG later.
Practical use cases
- Government, exam or KYC portals that accept only JPG/JPEG under a fixed size.
- Marketplace sellers whose product shots on transparent PNG need a pure white background.
- Real-estate brokers sending floor plans or site photos by email or WhatsApp, where a 6 MB PNG is impractical.
- Clinics and agencies preparing images for ad platforms or print vendors that request JPG.
For the bigger picture on site speed, see our technical SEO audit checklist or our website development service.
Your PNG is processed on your device — nothing is uploaded to our servers.
Frequently asked questions
What happens to the transparent background when I convert PNG to JPG?
JPG has no transparency, so transparent areas must become a solid colour. This tool fills them with the background colour you pick, white by default. Semi-transparent edges are blended with that colour, so choose the colour of the page or banner where the image will sit to avoid a visible halo around logos and cut-outs.
Is JPG smaller than PNG?
For photographs and images with gradients, usually much smaller, because JPEG is lossy and PNG is lossless. For simple flat graphics, logos and screenshots with large single-colour areas, PNG can be the same size or smaller and looks sharper. Check the KB readout after converting, and keep the PNG if the JPG is not meaningfully smaller.
How do I reduce a JPG to under 100 KB or 200 KB?
First lower the JPEG quality slider, checking the KB readout each time; 70–80% is often enough for documents and photos. If it is still too large, reduce the pixel dimensions with an image resizer, because a smaller image needs fewer bytes. Always zoom in afterwards to confirm text, signatures and faces remain clear.
Does converting PNG to JPG reduce quality?
Slightly, because JPEG discards some detail to save space. At 90% quality the loss is rarely visible on photos. It is most noticeable around sharp text and thin lines, where blur or ringing can appear. Converting does not change pixel dimensions, and the original PNG is untouched, so you can always convert again at a higher quality.