How to Design Play Store Screenshots That Convert (Free Tool)

Why Your App Store Screenshots Matter More Than You Think

Studies show that over 50% of users decide to download an app based on its screenshots alone — before reading a single word of the description. The App Store and Google Play both display the first 2-3 screenshots without the user even tapping into your listing. This means your first screenshot is essentially your app's advertisement.

Despite this, most indie developers and small teams upload raw UI screenshots with no context, text, or design. This guide shows you how to create professional, conversion-optimized screenshots in minutes using Mockly's free Play Store screenshot maker.

Screenshot Sizes: Google Play & iOS App Store

Google Play Store Screenshot Sizes

• Portrait (recommended): 1080 × 1920 px
• Landscape: 1920 × 1080 px
• Max file size: 8MB per screenshot
• Format: PNG or JPEG
• Minimum 2 screenshots, maximum 8

iOS App Store Screenshot Sizes

• iPhone 15 Pro Max: 1290 × 2796 px
• iPhone 8 Plus: 1242 × 2208 px (required for older devices)
• iPad Pro 12.9": 2048 × 2732 px

The 5 Principles of High-Converting App Screenshots

1. Lead With the Benefit, Not the Feature

Bad headline: "Dashboard View" — Good headline: "Track All Your Habits in One Place." Users don't care what your feature is called; they care what it does for them. Write your caption as a benefit statement.

2. Keep Text to 3–5 Words Maximum

On a phone screen in a store listing, you have about 0.3 seconds to make an impression. Long headlines get ignored. Use big, bold, short phrases. Mockly's text editor lets you set large font sizes with a single click.

3. Use a Contrasting Background

If your app's UI is dark, use a bright or vibrant background. If the UI is light, use a deep color. High contrast makes your device frame pop out from the background and draws the eye instantly.

4. Apply a 3D Perspective to Your Device

Flat, straight-on screenshots look boring. Tilting your device at a slight angle (10-20°) creates a sense of depth and feels more premium. Mockly has built-in 3D perspective presets (tilt-left, tilt-right, float) you can apply with one click.

5. First Screenshot = Most Important

In Google Play search results, only the first screenshot is visible without the user tapping in. Make it your strongest, most compelling selling point.

Step-by-Step: Create App Store Screenshots with Mockly

Step 1: Open the Screenshot Maker

Go to mockly.fun/screenshot-generators/playstore-screenshot. The canvas loads at the correct 1080×1920 Play Store size automatically.

Step 2: Set Your Background

In the left sidebar, click the Canvas tab. Choose a solid color, gradient, or upload a background image. Gradients work great — try a deep blue-to-purple or warm orange-to-pink.

Step 3: Add a Device Frame

Click the Frame tab and drag a phone mockup onto the canvas. Upload your raw app screenshot inside the frame. Apply a 3D tilt from the sidebar options.

Step 4: Add Your Headline Text

Click the Text tab, add a text element, and write your 3-5 word headline. Use a bold font (Outfit Bold, Poppins Black work great), set a large size (80-140px), and position it above the device.

Step 5: Export

Hit the Download button. Choose PNG 2× for the highest quality (outputs at 2160×3840px). This meets all store requirements with room to spare.

Step 6: Create More Pages

Use the Pages bar at the bottom to add a new page. Click Duplicate to copy your existing design and just change the headline and screenshot — perfect for creating a consistent 5-8 screenshot set efficiently.

Free vs. Paid Screenshot Tools — Is Mockly Enough?

Tools like AppScreens and AppLaunchpad offer templates and automation but cost $30-100/month. For solo developers and small apps, Mockly gives you 90% of the functionality for free. The key difference is that paid tools have pre-built templates — but Mockly's drag-and-drop editor gives you more creative control.

Frequently Asked Questions

What size should Google Play Store screenshots be?

The recommended size is 1080×1920px (portrait). Google Play accepts 320px to 3840px on the long side, with a maximum 2:1 aspect ratio.

What size should iOS App Store screenshots be?

For iPhone 15 Pro Max: 1290×2796px. For older iPhones: 1242×2688px. Apple requires screenshots for the largest iPhone size you support.

Is Mockly free for making app store screenshots?

Yes — completely free, no watermarks, and you can export at 2× for maximum resolution.

What makes a good app store screenshot?

A clear 3-5 word benefit headline, a device frame with your actual UI, and a contrasting background. The first screenshot is the most critical — make it show your app's core value proposition.