Printable reference
Mockup formats cheatsheet
A compact reference for choosing the right canvas before you build a mockup. Print it for production QA, add it to campaign briefs, or link it in client approval docs.
Social feed
| Format | Working size / ratio | Mockup QA note |
|---|---|---|
| Instagram feed | 1080 px wide; use 1:1, 4:5, or supported account crop | Keep important text away from edges and profile-grid crops. |
| LinkedIn feed | 1200 x 628, 1200 x 1200, or 720 x 900 | Use landscape for link-style posts, square/portrait for mobile presence. |
| Facebook feed | 1200 x 630 for link cards; 1080 x 1080 or 1080 x 1350 for feed creative | Check mobile crop and link preview text. |
| X / Twitter | 1200 x 628 for 1.91:1 ads; 1200 x 675 or 16:9 for common organic images | Keep card text large enough for timeline scanning. |
| 1000 x 1500, 2:3 | Use vertical hierarchy; avoid overly tall pins that truncate. |
Vertical video and story
| Format | Working size / ratio | Mockup QA note |
|---|---|---|
| Instagram Story | 1080 x 1920, 9:16 | Leave room for UI, stickers, reply field, and CTA elements. |
| Instagram Reel | 9:16; minimum 720 px and 30 FPS | Review cover crop separately from the video frame. |
| TikTok video | 9:16; at least 540 x 960 for in-feed ads | Keep hooks and captions clear above lower UI overlays. |
| YouTube Shorts style preview | 1080 x 1920, 9:16 | Check text at mobile size; avoid crowded lower-third copy. |
Products and brand
| Format | Working size / ratio | Mockup QA note |
|---|---|---|
| Shopify product image | 2048 x 2048 usually displays best for square product photos | Use consistent aspect ratio across product and collection images. |
| Product ad image | 1:1, 4:5, 9:16, and 16:9 variants | Create each placement separately instead of stretching one source file. |
| Logo mockup | Vector logo source plus high-resolution raster export | Check contrast, padding, and surface realism. |
| Business card | Use the printer's trim, bleed, and safe-zone spec | Preview front and back together for hierarchy. |
| Dashboard mockup | Use native screenshot plus presentation crop | Keep charts readable; blur only sensitive data. |
Reference and publishing
| Format | Working size / ratio | Mockup QA note |
|---|---|---|
| YouTube thumbnail | 1280 x 720, 16:9, minimum width 640 | Test at small mobile sizes before uploading. |
| PDF / ebook cover | Match the final document ratio | Use a realistic page stack only when it helps the viewer understand the asset. |
| Google search preview | Title, URL, and meta description | Mock up the snippet before changing production metadata. |
| Campaign deck export | 16:9 slides | Place mockup screenshots on plain slides with source URLs and dates. |
Need a live preview?
The fastest path is to start with the platform-specific generator, export a screenshot, and attach it to the approval ticket with the source spec used for the campaign.
Browse all mockup tools