Convert PNG to JPG on Mac

The CMS wants JPEG. The client portal rejects PNG. You have PNG mockups from Figma or Retina screenshots from your Mac. JPEG is smaller and opens everywhere, but you lose transparency when you convert. Flatten in your design tool first when alpha mattered in the layout. A white or brand-color background baked into the PNG before export usually looks better than a flat white surprise after conversion. Note which artboards in Figma already use an opaque fill so you do not flatten transparency you still need in the design file.

PNG vs JPEG

	PNG	JPEG
Transparency	Yes	No (flat background)
File size at same dimensions	Often larger	Often smaller
Sharp UI and text	Excellent	Good with high quality setting
Best for	UI with alpha, screenshots	Photos, uploads, email

Destination	Starting quality
Email or Slack preview	80 to 85
CMS hero image	85 to 90
Print-adjacent marketing	Keep PNG or use high JPEG

Conversion is lossy even at high quality. Do not convert the same PNG to JPEG repeatedly; pick one export pass from the source when possible.

Screenshots with text smaller than 12 px may look soft after conversion. Zoom to 100% in Preview before you batch an entire UI kit.

When to keep PNG

Keep PNG when transparency is part of the design: logos on varied backgrounds, UI with soft shadows on non-white pages, and icons that sit on photos.

Convert to JPEG when:

• The layout has a solid background color you can flatten in Figma or Sketch.
• The image is photo-heavy with no alpha channel in use.
• Upload limits force a smaller file and slight artifacts are acceptable.

If the site will serve modern formats later, see PNG to WebP on Mac after you resize. WebP can stay smaller than JPEG for the same visual width.

When the PNG is a screenshot with no transparency, conversion to JPEG is usually safe at quality 85 without visible banding on UI chrome.

Convert in Preview

Preview is the built-in path for small batches:

1. Open the PNG in Preview.
2. Choose File → Export… → JPEG and set Quality.
3. Save with a new name so the PNG master stays untouched.

For several files, open them together in Preview’s sidebar and export each page. Preview does not batch-convert a folder in one click.

Apply the display-size rule before export: Tools → Adjust Size… to the width the image will appear, then export JPEG. A 3000 px PNG converted to JPEG at full size is still heavier than a 1920 px export at quality 85.

Convert in Terminal

Open Terminal, cd to your folder. Convert one file:

sips -s format jpeg -s formatOptions 85 myfile.png --out myfile.jpg

Many files into a separate folder:

mkdir jpg-out
for f in *.png; do
  sips -s format jpeg -s formatOptions 85 "$f" --out "jpg-out/${f%.png}.jpg"
done

Resize and convert in one pass:

sips -Z 1920 -s format jpeg -s formatOptions 85 myfile.png --out myfile.jpg

sips is fast and needs no install. It lacks presets and preview, so spot-check one output before you batch fifty mockups.

Use -s formatOptions 70 only when file size is critical and you accept softer gradients on photo content inside the mockup.

See how to compress images on Mac when the same folder also needs resize-only passes on JPEG or HEIC files mixed with PNG mockups.

Batch exports from design tools sometimes include @2x suffixes in filenames. Keep that naming when you convert so front-end code does not need a rename map.

If the handoff includes both light and dark mode PNG files, convert each set with the same quality preset so paired assets stay visually balanced in the CMS.

When mockups include small text, avoid quality below 80 unless you have checked the output on a non-Retina monitor where compression artifacts show first.

Keep originals in a png-src/ folder and write JPEG output to jpg-out/ so you can re-run conversion with different quality without copying files back from backup.

Archive the PNG masters until the CMS publish date passes in case marketing requests a higher-quality swap.

Using GetCompress

GetCompress convert PNG to JPG on Mac workflows scale when a handoff folder arrives every sprint.

• Drag a folder of PNG mockups or screenshots into GetCompress.
• Choose JPEG output, set max width and quality, and export in one pass.
• Preview UI screenshots before batch export when thin lines must stay crisp.
• Save a preset (for example “client JPEG 1920px q85”) for the next Figma export batch.
• Process locally with no upload when mockups are pre-release or under NDA.

GetCompress does not replace Preview for a single quick export. It wins on whole folders and mixed sizes where File → Export on each file wastes time. Pair with how to compress images on Mac when the folder also contains HEIC or WebP sources.

The quick dropzone helps when you drag one PNG from Finder, convert to JPEG, and drop the result straight into an email compose window without cluttering Downloads.

For marketing assets that later need WebP, convert to JPEG first only when the CMS lacks WebP support; otherwise skip the intermediate JPEG and use PNG to WebP on Mac .