PNG to JPG: How to Convert Without Ruining Image Quality

Convert photo-like PNGs, not every PNG

PNG files get big because PNG is trying to keep exact pixel values. JPG files are small because JPG is allowed to simplify a photo in ways that you often can not tell at the final display size.

That trade-off is useful. PNGs are not “bad” because they’re big. A JPG is not "low quality" just because it is smaller. They are working in different jobs:

• PNG is best when pixels must stay exact: screenshots, UI captures, diagrams, logos, icons, transparent graphics, and source files that may be edited again.
• JPG is best when the image is photographic and needs to be uploaded, emailed, or loaded quickly.
• WebP is often the better web replacement when you want PNG-like transparency with smaller files.

This is the mistake of using PNG for everything because it sounds higher quality. A PNG photo taken from a camera can be several times larger than a JPG with no visible improvement on a website.

Why PNG gets huge for photos

Start with the raw pixel math. A 4000 x 3000 image contains 12 million pixels. If it is stored as 8-bit RGBA before compression, that is roughly 48 MB of pixel data: red, green, blue, and alpha for every pixel.

PNG does compress that data. The W3C PNG specification describes PNG as a lossless raster format and defines filtering plus compression steps that preserve the image information. In plain English, the encoder tries to predict or simplify each row of pixels, then compresses the remaining byte patterns.

That works beautifully when the image has repeated patterns:

• a white background in a software screenshot;
• a flat blue button repeated across a UI;
• black text on a light page;
• a simple chart with a few colors;
• a logo with transparent space around it.

Pictures are different. Pixels next to each other in an image of a face, a street, a forest, a product fabric, or a plate of food are similar but seldom identical. There is sensor noise, texture, shadow, lens blur, grain, color variation, and slight edge transitions. PNG can not let those details go, so it has to keep describing them.

JPG is built for that photographic mess. It can simplify fine color and texture detail, especially where viewers are less likely to notice. That is why the same photo can be a 12 MB PNG and a 1.5 MB JPG that looks the same in a blog post.

PNG vs JPG by real image type

Use the content of the image, not the file extension, to choose the format.

This is where a lot of bad advice is given in articles. "PNG to JPG is the right choice if you want a photo-like PNG. Not every PNG is like this. JPG images can be worse as a dashboard screenshot, transparent watermark, app icon or barcode.

Lossless means exact, not automatically small

Lossless compression means the image decoded can reproduce the original pixels. That does not mean the file will be tiny.

Think of PNG as a careful packer. If the suitcase has ten identical white shirts, it can pack them efficiently. If the suitcase has 12 million slightly different items, it still has to account for each one.

That is why PNG does well with:

• solid backgrounds;
• flat-color illustrations;
• repeated interface colors;
• sharp text;
• limited palettes;
• simple transparency masks.

And it struggles with:

• camera noise;
• skin texture;
• hair, fabric, grass, leaves, clouds, and food;
• screenshots that contain embedded photos;
• AI image exports saved as PNG;
• product cutouts with lots of soft shadow detail.

The thing is, the size of a PNG depends on its content. PNG can be tiny for a small flat icon. A phone picture in full resolution can be huge.

Why JPG is smaller for photos

JPEG 1 was designed around photographic image coding. The official JPEG overview describes the original JPEG standard as core coding technology with options for photographic images. MDN also summarizes JPEG as a good choice for lossy compression of still images.

The practical reason is simple: JPG is allowed to lose information.

It is not throwing pixels out randomly. A JPG encoder looks for detail that is less important to human perception at the given quality setting. That is why JPG is good for:

• portraits;
• landscapes;
• food photos;
• real-estate photos;
• product photos without tiny text;
• travel photos;
• background images.

JPG works poorly when the image has exact edges:

• small UI text;
• diagrams;
• line art;
• logos;
• QR codes;
• transparent shadows;
• screenshots of code.

These images display JPG artifacts, like halos, mosquito noise, fuzzy strokes, and color dirt around hard edges. You often have to raise the JPG quality so high to hide those artifacts that the file-size advantage is gone.

Why screenshots are often better as PNG

This trips people up . PNG is larger than JPG for lots of photos , but for screenshots , PNG can be smaller and cleaner .

A screenshot of a settings page may have thousands of pixels with the same background color. It can reuse same text color, border color and button color. PNG compression loves repetition like this. The result is precise, sharp and often fairly small.

Save the same screenshot as JPG and the encoder has to deal with hard edges everyplace. It has to decide what detail to throw away around letters and icons. Screenshot at low quality looks dirty. At high quality the file can be similar size to the PNG, sometimes larger.

Use this quick test:

1. If the image contains readable text, try PNG or lossless WebP first.
2. If the image is mostly a photo, try JPG or WebP first.
3. If the image mixes a screenshot and a photo, export both PNG and WebP/JPG and compare at the size people will actually view it.

Transparency is a real feature, not decoration

PNG has alpha transparency. This means each pixel can be fully opaque, fully transparent or semi-transparent. This is useful for logos, icons, stickers, cutout product photos, watermarks, overlays, and UI assets.

JPG does not have alpha channel. When you convert a transparent PNG to JPG the transparent pixels have to convert to a normal color. Some tools flatten them out on white, some let you choose a background, and some browser encoders might implement their own compositing behavior. What remains is no longer a clear asset.

So don’t convert a PNG logo to JPG just because the JPG is smaller. You will save bytes and break the layout.

Better choices:

• Use SVG for logos and icons when the artwork is vector.
• Use PNG when you need maximum compatibility with transparency.
• Use WebP when the website accepts it and you want transparency with smaller files.
• Use AVIF when the pipeline supports it and you can test compatibility.

Google's WebP documentation states that WebP supports lossy, lossless and transparency. This makes WebP a good replacement for many transparent PNGs on modern websites.

Why your PNG photo happened in the first place

A lot of the oversized PNG photos are not intentionally in PNG format. These usually happen because some other tool exported the image like that.

Common cases:

• A design tool exported a photo layer as PNG because the whole canvas had transparency.
• A screenshot tool captured a browser page that included a large photo.
• An AI image tool downloaded PNG by default.
• A CMS or editor converted a pasted image into PNG.
• A phone or desktop app saved an edited image as PNG to avoid generation loss.
• A transparent product cutout was saved as PNG, even though the final placement uses a solid background.

Before converting, ask two questions:

1. Is this actually a photo? If yes, JPG or WebP probably makes sense.
2. Does transparency still matter? If yes, choose WebP, AVIF, PNG, or SVG instead of JPG.

That two-question check prevents most bad conversions.

How much smaller will JPG be?

No honest fixed percentage. File-size savings depend on dimensions, image content, export quality, encoder behavior and whether the PNG already had a limited palette.

Useful expectations:

For PhotoTools' PNG-to-JPG converter, the default quality is 90%. That is a good first export for photo-like PNGs because it usually avoids obvious artifacts. For everyday web photos, 80-88 can also work. For product labels, faces, or dark images, raise quality and compare.

When to convert PNG to JPG

Convert PNG to JPG when all of these are true:

• The image is mostly photographic.
• Transparency is not needed.
• You need broad compatibility with forms, email, marketplaces, or older systems.
• The current PNG is causing upload limits, slow pages, or huge attachments.
• You still have the original PNG or source file saved.

Examples:

• A 9 MB AI-generated PNG that needs to be uploaded to a blog post.
• A 14 MB product photo accidentally exported from a design file as PNG.
• A 20 MB edited phone photo that needs to fit an email attachment limit.
• A 6 MB real-estate photo currently slowing a listing page.

JPG is PNG. Just because it is PNG, do not go to JPG. due to the image content and destination JPG is the correct delivery copy.

When not to convert PNG to JPG

Keep PNG, or choose WebP/AVIF/SVG, when the image depends on exact pixels:

• software screenshots with readable text;
• app store screenshots;
• code screenshots;
• UI documentation;
• diagrams and charts;
• QR codes and barcodes;
• logos and icons;
• transparent overlays;
• watermark graphics;
• files that will be repeatedly edited.

If the PNG is too large but still needs transparency, try PNG to WebP or PNG to AVIF instead of JPG. If it is a giant screenshot, resize it to the real display width before changing format. If it is a logo, check whether an SVG exists.

How to convert PNG to JPG in PhotoTools

Use this workflow when you have a folder of large PNGs and need smaller delivery files:

1. Sort by content. Put photos, screenshots, transparent assets, and logos into separate groups. They should not all get the same export.
2. Convert photo-like PNGs to JPG. Use PNG to JPG, start at quality 90, and inspect the result. Lower quality after the image still looks clean at its real viewing size.
3. Use WebP for transparent web assets. If alpha matters and your site accepts WebP, use PNG to WebP instead of flattening to JPG.
4. Resize oversized images first. A 5000 px wide image displayed at 900 px is wasting pixels regardless of format.
5. Batch carefully. Convert several files at once, but spot-check the hard cases: text, faces, gradients, transparent edges, and product labels.

PhotoTools uses browser image APIs for conversion. The converter decodes the source with createImageBitmap, draws it to an OffscreenCanvas, then exports the selected format and quality with convertToBlob. The page shows original and output sizes, and batch results can be downloaded as a ZIP.

A quick decision checklist

Use this before exporting:

The best approach is to keep the PNG or original source file as your master and then export a separate JPG/WebP delivery copy. So you have little files to upload and still have your clean source.

Bottom line

PNG files are large compared to JPG when they are asked to store the wrong type of image. PNG is good at preserving exact pixels, transparency, and repeating patterns in graphics. JPG makes photos small enough to get around the web very well.

Convert PNG to JPG or WebP if the file is a photo and transparency does not matter. If it’s a screenshot, logo, diagram or transparent asset, don’t assume JPG is the upgrade. Choose a format depending on what the pixels actually are and where the file must work.