Skip to content

Resize Image Pixels on Mac: 3 Methods

Resize image pixels on Mac with GetCompress, Preview Adjust Size, or sips. Match export width to where images actually display.

By Petr Samokhin

The blog template displays heroes at 960 px CSS width, yet design exports often arrive at 2880 px. Readers never see those extra pixels, but they download them on every page load. Resize to real display size before you compress or convert format.

The display-size rule

Export at roughly 2x the CSS width for high-DPI screens, not at the raw capture size of your monitor or camera. Pixel dimensions are not the same as DPI metadata. A 1920 px wide image tagged at 72 or 300 DPI still occupies 1920 px when the layout uses pixel width.

Where it showsExport width hint
Blog hero at 960 px CSS1600 to 1920 px
Email inline600 to 800 px
Open Graph / social cardMatch platform spec, often 1200 px wide
Thumbnail in deck1280 to 1920 px

Check the frame in Figma, the CMS template, or the email builder before you batch. For format choice after size, see how to compress images on Mac .

Method 1: GetCompress

Best for: Mixed folders, reusable widths, and convert-plus-resize in one pass.

GetCompress image settings with format, quality, and size options
  1. Drop one image or a folder into GetCompress .
  2. Set max width or max height (for example 1920 px for blog heroes).
  3. Choose output format if the CMS expects JPEG or WebP.
  4. Preview a UI screenshot at the new width, then export beside the originals.
  5. Save a preset such as “blog 1920px” so you can reuse it next time.

Processing stays on your Mac. For bulk folder workflows, see batch resize images on Mac .

Method 2: Resize in Preview

Best for: One or a few files with built-in tools.

  1. Open the image in Preview.
  2. Tools → Adjust Size…
  3. Set Width or Height in pixels; leave Scale proportionally checked unless you intentionally crop.
  4. File → Export… and pick JPEG, PNG, or keep the current format.
  5. Save as a new file and confirm dimensions in Tools → Show Inspector.

Zoom on text and fine lines after resize. Shrinking a screenshot below its display width makes type unreadable.

Limitation: No saved presets across dozens of files.

Method 3: Batch with sips

Best for: Terminal loops on a folder of JPEG or PNG.

mkdir out
for f in *.jpg; do sips -Z 1920 "$f" --out "out/$f"; done

Exact width (height scales):

sips --resampleWidth 1920 input.jpg --out output.jpg

Limitation: Mixed PNG, JPEG, and HEIC folders still need separate commands or a dedicated app. Online resize tools upload your assets; for unreleased mockups, keep processing local. See are online file compressors safe .

Aspect ratio and upscaling

TaskSafer approach
Fit a hero slotCrop in the design tool, then export at target width
Fix wrong orientationRotate in Preview before resize
Need larger than sourceRe-export from vector or RAW; avoid upscaling
Mixed portrait and landscapeSeparate presets per orientation

Never upscale a JPEG and re-compress hoping for sharper detail. You add artifacts without recovering information that was never in the file.

When Preview is enough

Preview can finish a single asset when the new width already matches the layout.

GetCompress also helps when the same width returns across dozens of files, or when you also convert format in the same pass. Document the chosen pixel width in the project README so the next person does not reintroduce 4000 px exports. For WebP delivery after resize, see PNG to WebP on Mac .

Related posts