How to Convert PNG to JPG in Photoshop: 3 Workflows
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
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.
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.
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.
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.
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.
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