App Store product page header and search results image: sizes and safe areas (iOS 27)
Updated October 2026, from Apple’s documentation and templates.
- From iOS 27 and iPadOS 27, a product page can open with a header above the app’s icon and name, and search results can show a card of your own instead of your first screenshots. Both are optional.
- Header: 3840 × 1646 (21:9). Search results: 3:2, from 1920 × 1280 up to 3840 × 2560. JPEG or PNG, no transparency. Or one 5244 × 2950 PNG (16:9) for both.
- The App Store crops them differently on each device, so keep text and anything important in the centered safe area: 1646 × 661 of the header and 2168 × 1030 of a 3840 × 2560 search card. Let the background fill the rest.
- They must suit ages 4+, whatever your app’s rating, and can’t show prices, discounts, web addresses or Apple awards.
Where they appear
The product page header is a wide image or video across the top of your product page, above the icon, name and Get button. It sets the tone for someone arriving on your page, and it can also be used when the App Store features your app. It works on custom product pages too, so each can have its own.
The search results art is what people see for your app in Search, before they reach your page. Without it, search keeps showing your in-app events, app previews and screenshots, as before. Both are separate from your screenshots, which still appear below the header and in search when there’s no card.
Image sizes
| Placement | Size (pixels) | Shape | Format |
|---|---|---|---|
| Product page header | 3840 × 1646 | 21:9 | JPEG or PNG |
| Search results | 1920 × 1280 up to 3840 × 2560 | 3:2 | JPEG or PNG |
| One image for both (universal) | 5244 × 2950 | 16:9 | PNG only |
No placement can have an alpha channel or transparency. Many design tools save PNGs with an alpha channel even when nothing is transparent, and App Store Connect can reject those, so export JPEG or a PNG without alpha.
The universal image saves making two, but the App Store crops one 16:9 picture both ways, to 21:9 for the header and 3:2 for search, so a design made for each shape usually looks better. Apple suggests keeping the two in the same style either way, so people recognize your app from search to product page.
Safe areas
Apple doesn’t publish one fixed crop: the visible part changes with the device and its orientation. Its official templates mark a centered safe area for each placement, and anything outside it can be cut off. These are the sizes in Apple’s templates:
| Placement | Canvas | Safe area | Safe area starts at |
|---|---|---|---|
| Product page header | 3840 × 1646 | 1646 × 661 | x 1097, y 493 (centered) |
| Search results | 3840 × 2560 | 2168 × 1030 | x 836, y 765 (centered) |
That’s only about 40% of each image’s height, so it’s smaller than most people expect. Put the headline, logo, device and focal point inside it, and let the background, color and texture run to the edges. At a smaller search card size, scale the safe area with it. Before you publish, check every device and orientation in the preview in App Store Connect.
Video
| Placement | Size | Length | Frame rate | Format |
|---|---|---|---|---|
| Product page header | 3840 × 1646 (21:9) | 5–30 seconds | 30 or 60 fps | .mov, .m4v or .mp4 |
| Search results | 1920 × 1280 up to 3840 × 2560 (3:2) | 5–30 seconds | 30 or 60 fps | .mov, .m4v or .mp4 |
Videos loop. In search they’re always muted; on the product page they start muted and people can turn the sound on, so make them work without sound. The universal 16:9 size is for images only. Pick a poster frame, the still shown when the video isn’t playing. Our app preview guide covers recording your app.
What to put in them
- Header: one clear idea. It’s the first thing a new visitor sees, so it should say what your app is about at a glance, not list features. Dense, busy art loses at this size.
- Search: state the obvious. People searched for something, so show what your app does: its interface, content or gameplay. A device with your best screen next to a short headline works well.
- Short text, if any. A few words that add to the picture rather than describe it, large enough to read on a phone, and localized for every language you support.
What gets them rejected
Every header and search asset goes through App Review, and Apple’s guidance rules out:
- Anything not suitable for all ages (4+), even if your app is rated higher.
- Prices, discounts and offers, website addresses, and copyright symbols.
- Claims you can’t back up, like awards you haven’t won, and Apple’s own recognitions (Editors’ Choice, App of the Day, Apple Design Award).
- Logos of other platforms or app stores, or references to them.
Uploading them
- In App Store Connect, open your app and the version.
- Go to Product Page Information, then Header and Search Results.
- Pick the placement, then upload a file or choose one from your Asset Library.
- Use the preview to check each device, orientation and language.
You can submit the assets with a new version or on their own, and an approved asset can go live on an app that’s already out without a new build. Product page optimization can test different headers and search art against each other. fastlane can’t upload these yet, so they go through App Store Connect.
In-app event art
In-app events have creative assets of their own: a 16:9 card (1920 × 1080 up to 3840 × 2160) and a 9:16 details page (1080 × 1920 up to 2160 × 3840), as images or 15 to 30 second videos. The App Store lays the event’s badge, name and description over the bottom with a gradient of its own, so Apple asks for no text, logos, borders or gradients in the art: keep the subject in the upper part, and check the event preview in App Store Connect.
Making them with ShotPass
ShotPass designs the header and the search card as one piece of art, drawn to fit each shape rather than cropped from a 16:9 image. The headline and an iPhone showing one of your screenshots stay inside Apple’s safe areas, which the editor marks with a dashed outline, and the background fills the rest: your screenshots’ background, or a picture of your own. The text is translated with the rest of your project, and both images export at full size in every language, without an alpha channel. Add a screen recording in Video mode and the same art becomes a looping video, with your recording playing on the iPhone: the header at 3840 × 1646 and the search card at 1920 × 1280. In-app event art is made the same way, without text: your app on a background, kept clear of the App Store’s own text at the bottom.
Designing is free; a pass for $5 removes the watermark for a week and covers your screenshots, Google Play feature graphic and app preview videos too.
Screenshot sizes for every device are in the App Store and Google Play screenshot sizes guide.