Guides
How mockups work, what sizes the stores ask for and how to make videos people watch to the end.
Guides
App Store app preview specs (2026): length, sizes and formatHow long an App Store app preview can be, the resolutions Apple accepts for iPhone, iPad and Mac, file formats and audio rules, and how to put together a preview that works.- App Store screenshot sizes (2026): iPhone and iPadThe iPhone and iPad screenshot sizes the App Store asks for in 2026, which ones are required, how many you can upload, and the mistakes that get images rejected.
- Best mockup tools in 2026: 3D, video and photo mockups comparedMockup Center, Rotato, freemockup.video, ls.graphics, Mockuuups Studio, Canva and Photoshop compared: what each is good at, what it costs and who it suits.
- Google Play screenshot sizes (2026): phone, tablet and watchThe screenshot, feature graphic and icon sizes Google Play asks for in 2026, how many images you can upload, which ratios pass, and what you need to appear in recommendations.
- How to make a mockup from a screenshot (3D and video)How to turn a screenshot into a phone, laptop or tablet mockup: getting a clean source image, picking the device, light, background and the right export settings.
- How to make a transparent mockup: PNG, ProRes 4444 and WebMHow to export device mockup images and videos without a background, which formats keep transparency, where they're useful, and which stores reject transparent images.
- How to make a website mockup on a MacBook, browser or phoneWays to show a website inside a MacBook, iMac, browser window or phone: taking the right screenshot, choosing the device, making a scrolling video, and tips for portfolios.
- How to make an app promo video: from script to exportThe steps for making a promo video for a mobile app or SaaS product: a short script, a clean screen recording, device mockups, captions, music and the right size for each platform.
- Mockup vs wireframe vs prototype: what's the difference?Wireframes, mockups and prototypes are not the same thing. What each one is, when it's used in the design process, and why most projects need all three.
- Social media video sizes 2026: Reels, TikTok, Shorts, LinkedInVideo and image sizes for Instagram Reels, Stories and posts, TikTok, YouTube Shorts, YouTube, LinkedIn and X. Which ratio to use where, and where to keep text so the app's buttons don't cover it.
- What is a mockup? Meaning, types and how to make oneA mockup shows a design on a real device or product. What mockups are for, the main types, how they differ from wireframes and prototypes, and how to make one.
Related pages
One screenshot.
That’s the whole brief.
Free for Mac. Apple silicon.
Web app and Figma plugin coming soon.