AppScreenshots DocsRelated tools
Use the right AppScreenshots tool when the same product story needs a mockup, resized deliverable, or app icon.
Related tools
The Screenshot Editor is the source of a store screenshot set. The tools below solve adjacent delivery tasks, so use them after the core screenshot story is clear.
English production UI reference. Mockup Creator is designed for a single presentation image or reusable mockup composition, rather than replacing the multi-frame Screenshot Editor workflow.
| Tool | Use it when | Start here |
|---|---|---|
| Mockup Creator | You need one polished product mockup for a landing page, social post, presentation, or campaign. | Open Mockup Creator |
| Screenshot Resizer | An approved image needs additional platform or social dimensions. | Open Screenshot Resizer |
| App Icon Generator | You need an application icon workflow, separate from store screenshots. | Open App Icon Generator |
Mockup Creator
Use Mockup Creator after you have a clean app screen or visual asset to present. It supports static and 3D mockup modes, device treatments, background and styling controls, annotations, custom output sizes, download, and a share action for signed-in users.
Suggested workflow:
- Upload or paste a current app screen.
- Select the mockup mode and device treatment that makes the screen easy to recognize.
- Add only the background, annotation, or watermark elements that support the message.
- Set the output size required by the channel, export, and inspect the final image.
Use Mockup Creator for a single marketing composition. For a sequenced storefront gallery with editable frames, multilingual content, and ZIP delivery, return to the Screenshot Editor.
Screenshot Resizer
Use Screenshot Resizer when an approved image must fit several output dimensions. Upload one image, select one or more built-in platform or social presets (or enter a custom size), then choose the adaptation method:
| Method | Result |
|---|---|
| Cover | Fills the target area and may crop edges; use focal-point review to protect the important UI. |
| Contain | Preserves the full image and fills empty space with a blur, color, or transparency where available. |
| Crop | Lets you explicitly define a crop for each required aspect ratio. |
The resizer can produce PNG, JPEG, or WebP outputs. Treat it as a derivative-delivery tool: do not use resizing to fix an unapproved, poorly structured, or wrong-language screenshot set.
App Icon Generator
App icons have a different source artwork, technical packaging, and store requirements from screenshots. The App Icon Generator is a separate related workflow. Open App Icon Generator for its current creation and export options; do not expect Screenshot Editor’s frame export to create app icon packages.
For iOS- or Android-specific icon guidance, see the related iOS app icons and Android app icons pages.
Choose the tool by deliverable
| Deliverable | Recommended source |
|---|---|
| A sequence of store screenshots in one or several languages | Screenshot Editor → Export screenshots |
| A single device hero image, slide graphic, or social mockup | Mockup Creator |
| Additional sizes of an already-approved image | Screenshot Resizer |
| An app icon asset | App Icon Generator |
Keep the original editable project for every deliverable. That is the reliable way to update the image after the product changes.