How to Convert PNG to JPG: Step-by-Step Tutorial

By Bill Crawford  ·  March 2026  ·  6 min read  ·  Last updated March 8, 2026

Connect on LinkedIn →

What This Tutorial Covers

This tutorial walks you through converting PNG images to JPG format using the browser-based tool on this site. No software installation required. You will learn how to add files, set the quality level, understand the per-file status system, use batch ZIP download, and check output file sizes.

For background on when you should convert PNG to JPG and what quality setting to choose, see the companion PNG to JPG Complete Guide.

What You Need

• One or more .png files you want to convert
• A modern browser: Chrome, Edge, Firefox, or Safari (2022 or later)
• No account, no software, no subscription

Step 1: Open the Converter

Navigate to dataconversioncenter.com/image-tools/png-to-jpg/. The page loads JSZip from CDN (for ZIP download) and uses the browser's native Canvas API for all conversion — no install needed. Everything runs client-side.

Step 2: Add Your PNG Files

You have two ways to add files:

• Drag and drop: Open your file manager and drag one or more .png files directly onto the drop zone labeled "Drop PNG files here". The zone highlights in blue when you hover over it.
• Browse: Click anywhere on the drop zone (or the "Browse Files" link) to open your file picker. Select multiple files using Ctrl+click (Windows) or Cmd+click (Mac).

As soon as files are added, the tool generates thumbnail previews for each one. You will see an Input Files grid with a card per file showing the filename, file size, and a Ready status badge.

Note: Only .png files are accepted. Files with other extensions are automatically rejected with an inline error message.

Step 3: Set the Quality Level

The quality slider controls the JPG compression level from 1 to 100. The default is 85%, which is the industry-standard recommendation for web images.

• 85% (default): Optimal balance of quality and file size for photographs and web images. Most people cannot visually distinguish this from lossless at normal screen viewing distances.
• 90–95%: Use for print assets, professional photography, or images where quality is critical and file size is secondary.
• 70–84%: Acceptable for thumbnails, preview images, or bandwidth-constrained situations. Some artefacts may be visible on close inspection.
• Below 70%: Visible compression artefacts. Only use when very small file size is the primary requirement.

The quality value updates in real time as you drag the slider. You can change it at any point before clicking Convert.

Step 4: Choose Download Mode

Before converting, decide how you want to download your JPG files:

• Individual downloads (default): Leave "Download as ZIP" unchecked. After conversion, each output card has its own Download button, and a "Download All JPGs" button appears for sequential bulk download.
• ZIP archive: Check "Download as ZIP". After conversion, a single "Download ZIP" button downloads all JPGs in one file named dataconversioncenter_png_to_jpg_YYYYMMDDHHMM.zip using your local date and time.

For batches of more than 5 files, the ZIP option is strongly recommended to avoid multiple browser download dialogs.

Step 5: Click "Convert to JPG"

Click the blue Convert to JPG button. The button label changes to "Converting…" and is disabled while conversion runs.

For each file in sequence:

1. The status badge on the input card changes from Ready to Converting…
2. The browser loads the PNG file into an Image element and draws it to an HTML Canvas.
3. The Canvas is pre-filled with white, so any transparent or semi-transparent pixels in the PNG are composited over white.
4. The Canvas API's toBlob() method encodes the canvas content as JPEG at your chosen quality setting.
5. The status badge changes to Converted and an output card appears in the Output Files grid.

Files are processed two at a time for throughput efficiency. The progress bar tracks overall progress — "Converted X of N".

Step 6: Review the Results

After conversion completes, a summary banner appears: "✓ All N files converted successfully" or "Completed: X succeeded, Y failed."

An Output Files grid displays cards for each successfully converted JPG, showing:

• A thumbnail preview
• The output filename — same base name as the input with .jpg extension (e.g. photo.png → photo.jpg)
• Output file size — compare this to the input file size on the input card to see the actual reduction
• A per-file Download JPG button

Any files that failed to convert show a red Error badge. Common causes: the file extension was .png but the actual content was a different format, or a very large file caused the browser to run out of memory.

Step 7: Download Your JPGs

Individual download

Click the ⬇ Download JPG button on any output card to save that file. The filename is the same as the input with .jpg extension.

Bulk download (all files)

If "Download as ZIP" is unchecked, click Download All JPGs to download all converted files sequentially with a 120ms delay between each (to avoid browser download limits).

ZIP download

If "Download as ZIP" was checked before converting, click Download ZIP to download all JPGs in a single archive. The ZIP is named with a timestamp based on your local time, e.g. dataconversioncenter_png_to_jpg_202603081430.zip.

After downloading, the tool automatically resets to its initial state after a short delay. You can also click Start Over at any time to manually reset.

Practical Tips

• Check transparency before converting. Open the PNG in a viewer that shows a chequered transparency pattern. If you see a chequered background, the image has transparency that will be filled with white in the JPG output.
• Compare input and output sizes. The output card shows the JPG file size. Compare it to the input size on the input card. If the JPG is not significantly smaller, the PNG may already be efficiently compressed (common for flat-colour art) and conversion may not be worthwhile.
• Keep originals. JPG compression is irreversible. Always retain the original PNG in case you need to re-convert at a different quality setting or for a different use case.
• Batch by content type. If converting a mixed batch of photos and logos, separate them first. Convert only the photos to JPG; keep logos and transparent images as PNG or WebP.
• Test email images at 80%. For email campaign images where inbox deliverability depends on total message size, try 80% quality — the artefacts are rarely noticeable at email rendering sizes but the file size reduction is significant.