Iphone Apps Screenshot Optimization and Submission

Author

Reads 1K

Flat Lay Photography of Gold Iphone on Opened Notebook Beside Pen
Credit: pexels.com, Flat Lay Photography of Gold Iphone on Opened Notebook Beside Pen

Optimizing your iPhone app's screenshots is a crucial step in getting it noticed in the App Store. A well-crafted screenshot can make a huge difference in standing out among the competition.

For the best results, make sure your screenshots are at least 640 x 1136 pixels in resolution, as this is the minimum required by Apple.

To create a compelling visual story, use a mix of screenshots that showcase your app's key features and benefits. This can include screenshots of your app's main screen, a feature or two, and even a screenshot of the app in action.

The App Store review guidelines state that screenshots should not contain any watermarks, logos, or other distracting elements that might take away from the app itself.

Taking Screenshots

You can take screenshots on your iPhone in a variety of ways. One option is to use the built-in Screenshot tool.

To use the Screenshot tool, open the Safari, Notes, Mail, Files, or Maps app and take a screenshot by pressing the Volume Up + Side button. A thumbnail will appear in the bottom-left corner of the screen.

Photo of Woman Holding Iphone
Credit: pexels.com, Photo of Woman Holding Iphone

You can then select the Full Page tab at the top and mark up and crop the image as needed. To save the edited screenshot, tap Done and select Save to Photos or Save PDF to Files.

Alternatively, you can use third-party apps like Picsew to take scrolling screenshots in any built-in or third-party app that scrolls content vertically.

Take a Screenshot

Taking a screenshot on your iPhone can be a bit tricky, but don't worry, I've got you covered. You can take a scrolling screenshot in most apps using a third-party app like Picsew.

To do this, scroll the page while Picsew is recording the screen, and once you've scrolled to the desired length, tap the recording indicator to stop recording.

Picsew can stitch several images together, producing a tall screenshot. You can then edit individual images using the crop button or tiny yellow pencil icon, and export them as a full-height image or PDF.

A hand holding a smartphone displaying an app login screen with a vibrant bokeh light background.
Credit: pexels.com, A hand holding a smartphone displaying an app login screen with a vibrant bokeh light background.

If you're using the built-in Screenshot tool on iPhone, you can capture a full-height page in Safari, Notes, Mail, Files, or Maps. To do this, take a screenshot by pressing the Volume Up + Side button.

You can then hit the thumbnail that appears in the bottom-left corner of the screen, select the Full Page tab, and mark up and crop the image. Tap Done and select Save to Photos or Save PDF to Files to save the edited screenshot.

Here are the steps to take a screenshot using the built-in Screenshot tool:

  1. Open the Safari, Notes, Mail, Files, or Maps app on your iPhone or iPad.
  2. Take a screenshot by pressing the Volume Up + Side button.
  3. Hit the thumbnail which appears in the bottom-left corner of the screen.
  4. Select the Full Page tab at the top.
  5. Tap Done and select Save to Photos or Save PDF to Files.

Remember, you may also receive a notification from Picsew confirming that it's done recording the screen, and you'll feel a vibration when you stop recording.

Put into device frames

Taking screenshots is a crucial step in showcasing your app's features, but it's not just about capturing a quick image. You can create professional-looking screenshots with device frames and text overlays using various tools.

Credit: youtube.com, How to Add Device Frame to your Photos/Screenshot Photos

Frameit is a great tool for beautifying your screenshots with device frames and text. It's easy to use, requiring only one simple command.

You can use frameit to add device frames to your screenshots, including multiple device types, portrait and landscape orientations, and even black and silver devices. This will give your screenshots a polished look.

Here are some specific features of frameit:

  • Multiple device types
  • Portrait and landscape orientations
  • Black and silver devices
  • Setting a background color and decorating the image with text

By using frameit, you can easily create professional-looking screenshots that will help showcase your app's features.

Editing and Formatting

You can crop a screenshot to focus on the important parts, and the Markup tools make it easy to do so. Just hit the Crop button and save your edited screenshot.

To crop a screenshot, you'll need to use the Markup tools, which you can access by tapping the Markup button. You won't see the crop option for notes screenshotted from the built-in Notes app, so keep that in mind.

After cropping your screenshot, you can save it by tapping Done > Done.

Add Text to "How Much?

Person Holding Iphone Showing Social Networks Folder
Credit: pexels.com, Person Holding Iphone Showing Social Networks Folder

Adding text to your screenshots can be a great way to highlight important details, but it's easy to go overboard. You'll want to keep your text short and to the point.

People will see the screenshots on a small screen, so make sure your words and sentences are short and concise. This will help them quickly grasp the information you're trying to convey.

As a general rule, big and legible font is a must. You don't want your text to be hard to read, especially when it's displayed on a small screen.

Some designers make the mistake of adding too much text, almost like mini ads. This can be overwhelming and take away from the overall impact of the screenshot.

Stitch Pics

StitchPics is an app that supports both manual and automatic stitching to create long scrolling screenshots on iPhone devices. This feature is a game-changer for those who need to capture a lot of content in one go.

Close-up of App Store icon on iPhone screen with notification badge, highlighting app updates.
Credit: pexels.com, Close-up of App Store icon on iPhone screen with notification badge, highlighting app updates.

StitchPics is the only app apart from Picsew to support both vertical and horizontal scrolling. This means you can use it to capture screenshots in any orientation you need.

The app has an auto function that takes screenshots, matches them, and then joins them. This makes it incredibly easy to use, and it's a big plus that it gets it right most of the time.

There's no editing options within StitchPics itself, but you can use a separate image editor to fix up your screenshots. This might be a bit of a hassle, but it's a small price to pay for the convenience of having an app that gets the job done.

The app is free to use, but it's ad-supported. You can remove the ads for $2.99, which will also unlock some extra features like crop, watermark, and the ability to add borders.

Here are some of the key features of StitchPics:

  • Vertical, horizontal screenshots
  • Manual, automatic mode
  • No limit
  • Image editor (via separate app)

A/B Testing Tools for Visuals

Credit: youtube.com, How Do You Manage Visual Variations For A/B Testing Efficiently? - Video And Design Saas Solutions

A/B testing is a crucial step in editing and formatting your visuals to ensure they're effective. To test different visuals, you can use tools like AppTweak, which provides creative insights and competitive benchmarks.

AppTweak is particularly useful for coming up with localized A/B test ideas. Geeklab is another great option for testing different app store creatives, such as icons, screenshots, and videos, before launch. This tool simulates real store environments and collects behavioral data to help you pick the best-performing assets.

For Google Play Store listings, you can use the native tool Google Play Store Listing Experiments to run A/B tests directly in Google Play. This tool allows you to test different versions of your listing and see which one performs better.

Here are some A/B testing tools for visuals you can consider:

  • AppTweak
  • Geeklab
  • Google Play Store Listing Experiments

Align Metadata with Visuals

Aligning metadata with visuals is crucial for higher visibility. This means making sure your app's visuals and metadata work together seamlessly.

Macro shot of smartphone screen displaying various app icons including Mail and Instagram.
Credit: pexels.com, Macro shot of smartphone screen displaying various app icons including Mail and Instagram.

Use some keywords from your app title or subtitle within screenshots and captions. This will help reinforce your app's identity and make it more discoverable.

Tying your icon, screenshots, and preview video to seasonal events or trends mentioned in metadata can have a significant impact. By doing so, you can create a cohesive and engaging visual experience that resonates with users.

Use the following tips to align your metadata with visuals effectively:

  • Use keywords from your app title or subtitle in screenshots and captions.
  • Tie your icon, screenshots, and preview video to seasonal events or trends mentioned in metadata.
  • Ensure visual storytelling reflects the core value propositions listed in your app description.

By following these simple yet effective tips, you can create a powerful visual identity for your app that drives engagement and boosts visibility.

Alternatives

Manually taking screenshots can be a time-consuming process that also affects the quality of the images. This method can lead to inconsistent content on various devices and languages.

Automating screenshots is a better approach, but it's not a perfect solution either. Many companies create screenshots in one language and use them for all languages, which can be a problem for users who don't speak that language.

For another approach, see: What Language Are Phone Apps Written in

Gold Iphone 5s Turned on
Credit: pexels.com, Gold Iphone 5s Turned on

This approach can be off-putting for potential users who can't read the text on the screenshots. It's like looking at a screenshot with content in a language you don't know - it won't convince you to download the app.

To get the best results, it's essential to consider the needs of all users, regardless of their language or device.

Submission Requirements

Before submitting your iPhone app screenshots, make sure to review the common mistakes to avoid.

You'll want to check that your app screenshot sizes match the required device resolutions for iOS, such as the iPhone 6.7″ and iPad 12.9″.

To ensure your creative assets are named correctly, follow the guidelines for file naming, which should be in accordance with the guidelines, without special characters or incorrect casing.

The correct file formats for your app store assets are: PNG or JPG for screenshots, PNG with no transparency for icons, and MP4 for videos.

Make sure your metadata, including title, subtitle, and keywords, aligns with your visuals and doesn't include prohibited claims.

Check that your feature graphic on Google Play and videos on both stores meet size and resolution requirements.

The Number of

Mobile App Icons on a Smartphone Screen
Credit: pexels.com, Mobile App Icons on a Smartphone Screen

You can include up to 10 screenshots per device type in the App Store, with at least one screenshot required for app submission.

The number of screenshots you can upload on Google Play is more limited, with a minimum of two screenshots required and up to 8 per device type.

Here's a quick rundown of the screenshot requirements for both platforms:

  • App Store: up to 10 screenshots per device type, with at least one required
  • Google Play: up to 8 screenshots per device type, with a minimum of two required

The first three screenshots are where the magic happens, and it's where you should showcase your app's most important features and key visuals.

Upload

To upload your screenshots to the App Store, you'll need to use fastlane snapshot and App Store Connect. Running fastlane snapshot will store the screenshots in the fastlane/screenshots directory by default.

You should already have your existing screenshots and metadata inside the fastlane/screenshots and fastlane/metadata directory if you followed the setup guide. Running fastlane snapshot will overwrite the metadata and screenshots you already have on App Store Connect.

To upload the screenshots stored in fastlane/screenshots, just run. This will also show you a metadata summary before actually uploading the screenshots.

Localization and Optimization

Credit: youtube.com, Why App Store Screenshots Are a HUGE Deal Now

Creating standout app store assets requires more than just creativity, it's also about efficiency, consistency, and testing what works. The right tools can help you design, localize, and optimize creatives for your app store listing while staying compliant with App Store and Google Play's requirements.

To tailor your app screenshots to each app store, customize the messaging, layout, and visual style for each. Headspace, a mindfulness and meditation app, uses different screenshots for the App Store and Google Play, tailored specifically to each platform.

Localize Android Screenshots

You can tailor your app screenshots to each app store, including Google Play, to maximize impact and boost trust and relevance for international users. This involves customizing the messaging, layout, and visual style for each platform.

To create the best app store screenshots for your Android app, you should consider the differences in behavior, expectations, and design preferences between iOS and Google Play users.

Turned-on Silver Iphone 6
Credit: pexels.com, Turned-on Silver Iphone 6

Localizing your app store screenshots for Google Play can help you reflect language, cultural specificities, and local context, which can enhance your app's ASO performance.

To optimize for higher conversions, resort to A/B testing to find out what works best for each platform. Headspace, a mindfulness and meditation app, uses different screenshots for the App Store and Google Play, tailored specifically to each platform.

Here are some key benefits of localizing your Android app screenshots:

  • Boosts trust and relevance for international users
  • Reflects language, cultural specificities, and local context
  • Enhances ASO performance

Localization Best Practices

To ensure your app store screenshots resonate with users in different regions, it's essential to translate on-screen text and CTAs accurately.

Apple requires separate uploads for each locale, which means you'll need to provide distinct screenshots for each language.

Prioritize top-performing regions for localization efforts to maximize your app's visibility and engagement.

Here are some key takeaways to keep in mind:

  • Translate on-screen text and CTAs accurately.
  • Keep the layout consistent across languages to maintain brand identity.
  • Prioritize top-performing regions for localization efforts.
  • Adapt the visuals to match the cultural expectations and preferences of users in each target market.

Google Play allows localized screenshots per language in the Play Console, giving you more flexibility in your localization strategy.

Asset Creation and Submission

Credit: youtube.com, How to Generate App Store Screenshots | Overview + Methods

To create standout app store assets, you need to design, localize, and optimize creatives for your app store listing while staying compliant with App Store and Google Play's requirements.

First, ensure your app screenshot sizes match the required device resolutions for iOS and Android screen classes. This includes iPhone 6.7″ and iPad 12.9″ for iOS, and various screen classes for Android.

Don't forget to name your creative assets correctly, following the guidelines, and avoid special characters or incorrect casing.

File formats are also crucial – use PNG or JPG for screenshots, PNG with no transparency for icons, and MP4 for videos.

Metadata, such as title, subtitle, and keywords, should align with visuals and not include prohibited claims.

Lastly, check your feature graphic on Google Play and videos on both stores to ensure they meet size and resolution requirements.

To stay on top of these requirements, you can download the ultimate app store assets guidelines, which includes the complete breakdown of app store screenshot guidelines, icon sizes, video preview specs, and feature graphic requirements for both the App Store and Google Play.

Submission Guidelines and Tips

Credit: youtube.com, New Feature: Can’t Take Screenshot Due to Security Policy? Solved

To increase your chances of getting approved on the App Store, it's essential to follow Apple's guidelines when submitting your app's screenshots. Only show actual in-app footage, and avoid stylized animations or promo-style content.

To ensure compliance, stick to UI recorded from the app build, capturing the video using a real iOS device or simulator. Don't recreate the UI via any third-party tools.

Avoid exaggerated marketing claims, such as saying "#1 in the world" or "The best app" – Apple will likely reject them unless you can prove it. Don't include phrases that are likely to get your app rejected.

When submitting your app store assets, double-check the following essential elements. Make sure your app screenshot sizes match required device resolutions for iOS, such as iPhone 6.7″ and iPad 12.9″.

Here's a quick rundown of the correct file formats for app store assets:

  • Screenshots: PNG or JPG
  • Icons: PNG with no transparency
  • Videos: MP4

Pay special attention to metadata, ensuring it aligns with visuals and doesn't include prohibited claims. Check your feature graphic on Google Play and videos on both stores to ensure they meet size and resolution requirements.

Image Optimization and Best Practices

Credit: youtube.com, App screenshots best practices — How to build app store screenshots that convert

Creating standout app store assets is not just about being creative, but also about being efficient and consistent. This is where the right tools come in, helping you design, localize, and optimize creatives for your app store listing while staying compliant with App Store and Google Play's requirements.

Efficiency is key when it comes to creating app store assets. The right tools can streamline the process and save you time. Consistency is also crucial, as it helps build your brand and makes your app more recognizable.

To create the best app store screenshots for your app, you need to consider a few key questions. These include how to effectively showcase your app's features and benefits, how to make your screenshots stand out, and how to ensure they are optimized for different devices and screen sizes.

Image Size and Format

For your iPhone app screenshots, make sure to follow the image size and format guidelines. On the iOS platform, you can upload up to 10 screenshots per localization, and the screenshot dimensions will vary by device.

Credit: youtube.com, How to reduce File Size of Photo in iPhone - Convert File Format

For Google Play, you'll need to upload 2-8 screenshots per device type, with a minimum dimension of 320 px and a maximum dimension of 3840 px. The aspect ratio should not have the maximum dimension more than twice the minimum dimension, and 16:9 is recommended.

When it comes to file type, both JPEG and PNG are accepted, but keep in mind the max file size is 10 MB for iOS and 8 MB for Google Play. Additionally, make sure your screenshots are in RGB color profile.

Scaled

Scaled screenshots are a convenient way to showcase your app in the App Store, but they have a major flaw: they don't actually show how the app looks on the user's device.

App Store Connect allows you to use one set of screenshots per device type, which will then be scaled to the appropriate size when viewed in the App Store on a user's device.

This approach has the same problems as the device frame approach: the screenshots don't accurately represent how the app looks on the user's device.

Size and Format

Credit: youtube.com, Image Size and Resolution Explained

For the App Store, you can upload screenshots in JPEG or PNG format, with a maximum file size of 10 MB. This is true for both iOS and Google Play, where the accepted formats are the same.

To ensure your screenshots look great on various devices, Apple allows you to upload screenshots for one iPhone size and one iPad size, and they'll be scaled down automatically for smaller ones.

Here are the recommended screenshot dimensions for different iOS devices:

On Google Play, the minimum dimensions for screenshots are 320 px, while the maximum dimensions are 3840 px, with a recommended aspect ratio of 16:9.

Text and Image Placement

When designing your iPhone app screenshots, it's essential to consider text and image placement. People will see the screenshots on a small screen, so make sure your words and sentences are short and to the point.

The key is to keep the text concise, as it will be viewed on a small screen. Yes, it's a good idea to add text to your screenshots, but not too much. A few short sentences are enough.

In fact, some designers see the screenshot text as an opportunity to add their most important message in big type, almost like a mini ad. This can be effective, but be careful not to overdo it.

The font should be big and legible to ensure it's easy to read.

Intriguing read: Search Iphone for Apps

Compliance and Promotion

Credit: youtube.com, Generating iOS Screenshots for AppStore for App Upload with Tools

To successfully promote your iPhone app, you need to comply with Apple's promotional policies, which include guidelines for app store screenshots.

Apple and Google have strict guidelines to ensure app store visuals are clear, truthful, and aligned with their standards. Violating these rules can delay your app approval or even lead to rejection.

Here are some key compliance requirements to keep in mind:

Remember to focus on authentic visuals from your app, avoid using Apple or Google branding, and keep text minimal and easy to read.

Boost conversions

Boost conversions by optimizing your app's visuals and metadata. Regular A/B tests can help you determine what drives better results, so make sure to run them regularly.

Analyzing your competitors and top apps in your category can also provide valuable insights, such as visual trends and messaging tactics used by high-performing apps.

To connect with users more effectively, localize your assets for top markets by translating and culturally adjusting your app screenshots and icons.

A smartphone displays the ChatGPT interface on its screen, symbolizing modern AI technology.
Credit: pexels.com, A smartphone displays the ChatGPT interface on its screen, symbolizing modern AI technology.

Refreshing your visuals for holidays or seasonal events can grab the attention of users with high intent, so align your visuals with seasonal or promotional campaigns.

To maximize your App Store impact, pair your screenshots and icons with strong titles, subtitles, and keyword-optimized descriptions.

Designing with thumbnail view in mind is crucial, as the first three screenshots often appear in search results, so use them to highlight your app's value, key features, and a clear CTA.

Use consistent branding across your visuals to reinforce brand identity and user trust, and highlight benefits over features to convey how your app helps users achieve their goals.

A short, engaging app preview video can significantly boost conversion rates, especially on the App Store, so consider leveraging video previews.

Here are some key takeaways to keep in mind:

  • Run A/B tests regularly to see what drives better results.
  • Analyze competitors and top apps in your category for valuable insights.
  • Localize your assets for top markets to connect with users effectively.
  • Align your visuals with seasonal or promotional campaigns to grab attention.
  • Pair your screenshots and icons with strong metadata for full ASO impact.
  • Design with thumbnail view in mind to maximize visibility.
  • Use consistent branding and highlight benefits over features to build trust and convey value.
  • Consider leveraging video previews to boost conversion rates.

Comply with Promotional Policies

Complying with promotional policies is crucial for getting your app approved on the App Store and Google Play. Apple and Google have strict guidelines to ensure that app store visuals are clear, truthful, and aligned with their standards.

Credit: youtube.com, Visual Compliance AI-Agent – Check Your Toy Advertising Against Regulations and Policies

Both Apple and Google prohibit using their branding, such as logos or UI elements, in your app store screenshots. This means you should avoid using Apple or Google branding at all costs.

To successfully promote your app, you need to comply with app store screenshot guidelines. Here are the compliance requirements for visual assets:

To avoid delays or rejection, remember that your app store screenshots should focus on authentic visuals from your app, and avoid using mockups with features you don’t offer yet.

The Page

The Apps page is a great way to showcase all of an app's images at once, allowing you to resize your browser to see them bigger or smaller.

Your product page visitors will likely see these images smaller than you think, since they're probably on their phones.

The Apps page can be a fun and engaging idea, but it may not actually motivate people to scroll and see more, so use it wisely if you're short on time.

It's not a must-have, so don't stress if you can't make it work.

The app page is where the entire description comes into play, not just the screenshots.

Claire Beier

Senior Writer

Claire Beier is a seasoned writer with a passion for creating informative and engaging content. With a keen eye for detail and a talent for simplifying complex concepts, Claire has established herself as a go-to expert in the field of web development. Her articles on HTML elements have been widely praised for their clarity and accessibility.

Love What You Read? Stay Updated!

Join our community for insights, tips, and more.