Export sizes
Common export sizes for the App Store, Mac App Store, Google Play, Product Hunt and the web, with the size name to use in assets.json and notes for each store.
This table is generated from lib/sizes.mjs, the same list the README uses. Copy a row into a collection's export array as { "name", "label", "size": { "width", "height" } }.
| Platform | Label | Suggested name | Width | Height |
|---|---|---|---|---|
| App Store | iPhone 6.9" | iphone-6.9 | 1320 | 2868 |
| App Store | iPhone 6.7" | iphone-6.7 | 1290 | 2796 |
| App Store | iPhone 6.5" | iphone-6.5 | 1284 | 2778 |
| App Store | iPhone 6.1" | iphone-6.1 | 1179 | 2556 |
| App Store | iPad 13" | ipad-13 | 2064 | 2752 |
| App Store | iPad 12.9" | ipad-12.9 | 2048 | 2732 |
| App Store | App icon | app-icon | 1024 | 1024 |
| Mac App Store | Retina | mac-retina | 2880 | 1800 |
| Play Store | Phone | phone | 1080 | 1920 |
| Play Store | Phone (tall) | phone-tall | 1080 | 2400 |
| Play Store | Feature graphic | feature-graphic | 1024 | 500 |
| Play Store | App icon | play-icon | 512 | 512 |
| Product Hunt | Gallery | product-hunt | 1270 | 760 |
| Web | OG image | og | 1200 | 630 |
| Web | X / Twitter card | twitter-card | 1200 | 675 |
| Web | Apple touch icon | apple-touch-icon | 180 | 180 |
| Web | Favicon | favicon-32 | 32 | 32 |
The CLI does not look these names up: any name and size you write in assets.json works. add size offers a similar preset list (/reference/cli/add).
App Store
| Label | Suggested name | Width | Height |
|---|---|---|---|
| iPhone 6.9" | iphone-6.9 | 1320 | 2868 |
| iPhone 6.7" | iphone-6.7 | 1290 | 2796 |
| iPhone 6.5" | iphone-6.5 | 1284 | 2778 |
| iPhone 6.1" | iphone-6.1 | 1179 | 2556 |
| iPad 13" | ipad-13 | 2064 | 2752 |
| iPad 12.9" | ipad-12.9 | 2048 | 2732 |
| App icon | app-icon | 1024 | 1024 |
- Pick a source size with the same aspect ratio as your largest export. Open Assets scales by the larger ratio and crops the other axis, so 440×956 fits the 6.9" and 6.7" sizes well.
- iPad sizes have a different aspect ratio. Use a separate collection with an iPad source size if cropping shows.
app-icon(1024×1024) must be opaque. Paint the full square, or use the xcode output.- Guides: /guides/app-store-screenshots, /guides/app-store-connect, /guides/xcode-app-icon.
Mac App Store
| Label | Suggested name | Width | Height |
|---|---|---|---|
| Retina | mac-retina | 2880 | 1800 |
16:10. Author at 1440×900 to scale by exactly 2.
Google Play
| Label | Suggested name | Width | Height |
|---|---|---|---|
| Phone | phone | 1080 | 1920 |
| Phone (tall) | phone-tall | 1080 | 2400 |
| Feature graphic | feature-graphic | 1024 | 500 |
| App icon | play-icon | 512 | 512 |
feature-graphicis 1024×500.play-iconis 512×512.- Phone screenshots:
phone(9:16) orphone-tall(9:20). Match your source aspect to the one you use. - Guide: /guides/google-play.
Product Hunt
| Label | Suggested name | Width | Height |
|---|---|---|---|
| Gallery | product-hunt | 1270 | 760 |
Web
| Label | Suggested name | Width | Height |
|---|---|---|---|
| OG image | og | 1200 | 630 |
| X / Twitter card | twitter-card | 1200 | 675 |
| Apple touch icon | apple-touch-icon | 180 | 180 |
| Favicon | favicon-32 | 32 | 32 |
- Send
ogandtwitter-cardstraight into your site withoutFile. See /guides/og-images. - Small icons render best from a template designed near that size. See /guides/favicons.
- Favicons as
.icoare not produced; export PNG.
Last updated on
Template API
What an Open Assets template can rely on at render time: placeholders, lang and dir, asset paths, fonts, load waits, scaling, SVG files and transparency.
Environment variables
Every environment variable the open-assets CLI reads, the flag it stands in for, its default and accepted values, plus the exit codes to check in CI scripts.