Shopify Collection Image ready
Files stay on your device. Enter send · Esc close drawers

Shopify Collection Image

1024×1024 JPEG · square

Design assets often have to ship at a single canonical size — an icon set, a profile picture, a thumbnail — because platforms or frameworks will reject anything off-spec. Shopify Collection Image produces 1024×1024 JPEG, the size Shopify Collection Image expects.

Specifications

Output dimensions1024×1024 pixels
Aspect ratio1:1 (square)
Output formatJPEG @ 92% quality
Processing100% in your browser — no upload
CostFree, unlimited
SourceOfficial guidelines

When you'd run Shopify Collection Image

About Shopify storefronts and this preset

Audience: Shopify-hosted stores collectively serve hundreds of millions of customers.

How Shopify storefronts ranks images: merchant-controlled — no platform-level algorithm. Posting at the platform's exact native dimensions (1024×1024 px) preserves your original framing and avoids the softening that happens when the platform's own resampler runs to fit its expected size.

Platform-specific note: Shopify themes render product images at multiple breakpoints; uploading at 2048-px max keeps Retina display quality without bloating page weight.

How Shopify Collection Image runs

This preset is a deterministic recipe — every step has fixed parameters so the result is byte-identical across runs of the same input.

  1. Crop the image to a 1:1 aspect ratio. Mochi keeps the centre of the frame in the middle of the crop by default — drag the crop box if you want to recompose.
  2. Resize to 1024×1024 px as JPEG at quality 92%.

Where the work happens

Shopify Collection Image crops your input to 1:1 and resizes it to 1024×1024 px as JPEG — a 1.0-megapixel output. The work runs through canvas APIs and a WebAssembly image-encoder; the source image is decoded into an off-screen canvas, transformed in place, and re-encoded without any network upload.

Design deliverables to clients often require an exact pixel-size; this preset's deterministic output makes the deliverable repeatable. The browser-side path also means the file never leaves your device — relevant when the input contains personally identifiable information, screenshots of private documents, ID scans, or proprietary product photography.

Common mistakes

FAQ

What does Shopify Collection Image output?

1024×1024 px, saved as JPEG at quality 92%.

Why is the output square (1:1)?

The design this preset targets uses 1:1 framing. For passport photos this matches the printed-photo standard; for social posts it's the safe ratio that fills the feed without horizontal cropping.

Why JPEG and not PNG?

The target accepts JPEG, and JPEG compresses photographic content 5-10× smaller than PNG with no visible difference at quality 92%. PNG is the right choice only when the image has hard edges or transparency — which photo-ID, social posts, and product photos don't.

Does my image get uploaded?

No. This preset runs entirely in your browser using WebAssembly + canvas APIs — no server round-trip. You can verify this in your browser's network panel: only static asset requests, no image upload. The file never leaves your device.

Related presets

Browse all recipes →