Quick Guide: Exporting Mockups for Every Platform

You've got a beautiful 4K mockup. Now you need to put it everywhere — app store, social media, website, pitch deck. Each platform has different requirements and what looks great on one can look terrible on another if you're not careful. (For exact pixel dimensions, check our complete iPhone mockup sizes reference.)

Here's what I've learned from exporting mockups for various platforms over the years.

App Store (iOS)

Apple wants specific dimensions. For iPhone 15 Pro, that's 1290 × 2796 pixels. Your 4K mockup has way more resolution than you need, which is good — it means you can crop and resize without any quality loss.

Export as PNG. Apple accepts JPEG too, but PNG preserves the subtle shadows and gradients that make mockups look good. The file size is larger but it's worth it.

Google Play

Google is more flexible on dimensions but I'd recommend 1080 × 1920 as a minimum. They accept JPEG and PNG up to 8MB.

If you're going JPEG, keep the quality at 90 or above. Anything lower and you'll see ugly compression around text and UI elements. It's one of those things that looks fine on your screen but terrible on a phone.

Instagram

This one trips people up because the crop ratios are specific:

Square posts are 1080 × 1080. Portrait posts (which perform better for mockups, in my experience) are 1080 × 1350. Stories and reels are 1080 × 1920.

Don't just resize your mockup to fit — think about the composition at each ratio. A mockup that's beautifully composed in landscape might look awkward cropped to square. Sometimes you need to adjust.

Twitter / X

1200 × 675 works well for the feed. Twitter compresses images aggressively, so start with a high-quality PNG and let their compression do its thing. If you upload a pre-compressed JPEG, it'll get compressed again and look noticeably worse.

LinkedIn

1200 × 627 for feed posts. LinkedIn is actually decent about image quality compared to Twitter. JPEG at 90+ quality is fine here.

Pitch decks

For Keynote, Google Slides, or PowerPoint — 1920 × 1080 is usually sufficient. But if your presentation will be shown on a 4K projector or large display, use the full resolution mockup and let the presentation software handle scaling. Don't pre-downsize.

General tips

Always keep your original 4K files. Create platform-specific exports as you need them, but never work from a compressed version. You can always go from high quality to low quality. You can't go back. Every mockup in our collection exports at full 4K resolution, giving you the flexibility to resize for any platform.

PNG for anything with text, sharp edges, or UI elements. JPEG (90+ quality) for lifestyle shots with soft backgrounds. WebP if you're putting mockups on a website — it's 25-30% smaller than JPEG at the same quality and every modern browser supports it now.

One last thing — name your files properly. "mockup-appstore-iphone15pro-screen1.png" will save future-you a lot of confusion compared to "download (3).png." And if you're optimising specifically for the App Store, our guide on screenshots that actually convert covers the strategy side.