How to Convert PNG to JPG in Photoshop: 3 Workflows

How to Convert PNG to JPG in Photoshop: 3 Workflows

1vs Team Updated 2026-08-21 image-converter

File → Export → Export As → JPG at quality 80-85 is the modern path in Adobe Photoshop. Save for Web (Legacy) gives the most control for web output.

Step-by-step

1

Open the PNG and check the layers

Open the PNG in Adobe Photoshop (File → Open). If the PNG has transparency, the background appears as a checkerboard pattern — note this, since JPG cannot preserve it. If the PNG contains multiple layers (e.g., a logo with separate shadows), flatten the image first (Layer → Flatten Image) before exporting. Flattening merges all layers into one background layer, which is required for JPG. Keep the layered PSD as a working file and export a flattened JPG separately for distribution.

2

Choose Export As for the modern workflow

Choose Export As for the modern workflow

File → Export → Export As is the standard Photoshop export dialog since CC 2015. Pick JPG from the format menu, drag the Quality slider to 80-85 for photos, and the dialog shows a live preview of file size at each setting. Export As supports transparency flattening with a color picker — choose white, black, or a custom color to replace transparent areas. The dialog also lets you resize during export, which is useful when the source PNG is much larger than the JPG you actually need. Photopea offers the same dialog free in the browser.

3

Use Save for Web (Legacy) for detailed optimization

Use Save for Web (Legacy) for detailed optimization

For web designers, File → Export → Save for Web (Legacy) gives the most control. Pick JPEG from the format dropdown, set quality to 80-85, and the four-up preview lets you compare original, optimized, and 2-up views side by side. The dialog shows exact file size for each quality setting, progressive encoding options, and matte color for transparency. Photopea replicates this dialog for free; GIMP uses a similar File → Export As flow. Save for Web is the workflow used by most professional web designers for optimizing assets before publishing.

4

Record a Photoshop Action for batch conversion

For converting dozens of PNGs the same way every time, record an Action: Window → Actions → Create New Action, then perform the export once with your settings. Stop recording, then use File → Automate → Batch to apply the action to a folder of PNGs. Photoshop processes every file using your recorded steps. GIMP has a similar Script-Fu console for scripted batch export, and ImageMagick does the same job from the command line. This is the standard designer workflow for handing off a folder of PNG assets to clients — one action file, applied to hundreds of source files, output to a chosen destination.

5

Pick a transparent background color before export

JPG does not support transparency, so transparent pixels must be flattened to a solid color before export. In Export As, click the matte color box and pick white, black, or a custom color that matches the destination background. If your PNG logo will be placed on a white website, choose white; if it sits on a dark UI, choose black. Photopea (free Photoshop alternative) shows a live preview of the flat color, which helps when the destination background is unknown.

6

Compare JPG output against the source PNG

After export, open the JPG alongside the original PNG at 100% zoom. Look for compression artifacts around text, gradients, and fine detail — these are where JPG loses the most data. If artifacts are visible, re-export at a higher quality (90 instead of 85). For print work, quality 95 is a safer starting point. Free tools like Photopea and GIMP let you re-export at different settings without Photoshop. Once the JPG is approved, keep the PSD or layered file as the master and export a fresh JPG whenever quality settings change downstream.

Recommended Tools

FAQ

How do I save a PNG as JPG in Photoshop without losing quality?
Use File → Export → Export As → JPG with quality 80-85 for screen output, or 90-95 for print. The Export As dialog shows a live preview of file size at each setting, so you can pick the lowest quality that still looks acceptable. For web assets, File → Export → Save for Web (Legacy) gives the same controls plus progressive encoding.
Does Photoshop preserve transparency when exporting PNG to JPG?
No — JPG does not support transparency, so Photoshop flattens transparent pixels to a solid color during export. In Export As, click the matte color box and pick the background color you want. The transparent areas become that color in the JPG. To keep transparency, export as PNG or WebP instead.
What is the best JPEG quality setting in Photoshop?
80-85 is the standard for screen output — visually indistinguishable from the original at normal viewing distances while cutting file size 60-80%. Use 90-95 for print work or images with sharp text and fine gradients. Photoshop's Save for Web dialog shows the exact file size at each quality, so you can pick the lowest acceptable setting empirically.
Can Photoshop batch convert PNG to JPG?
Yes. Record an Action that performs File → Export As with your quality settings, then run File → Automate → Batch to apply it to a folder of PNGs. Photoshop processes every file with the same export settings. This is the standard workflow for handing off a folder of PNG assets with consistent JPG output.
What is the difference between Save As and Export As in Photoshop?
Save As writes a PSD (Photoshop's native format) or other editable formats. Export As is specifically for delivering final assets — JPG, PNG, GIF, WebP. Export As shows a live preview of file size and quality trade-offs, which Save As does not. For PNG-to-JPG conversion, always use Export As, not Save As.

Related