Hello there,
I am wondering if I am the only one who does not understand the provided templates for header and search results.
Why is there so much blank space and a small art save area? What final format am I supposed to export?
First I thought its a broken file and downloaded the figma version but its the same.
Can anyboy enlighten me? What am I missing?
I'd love to use the new option for headers and search results but am stuck.
Thanks in advance!
The blank area is there because the template shows the full canvas and the safe area where the important artwork should stay. It isn't a small export size: use the whole canvas for the background, but keep logos, text, and the main subject inside the safe area so they don't get cropped on different devices and orientations. The preview in App Store Connect is useful for checking this.
The export depends on the placement. Apple lists product page header images as 3840 × 1646 (21:9) or 5244 × 2950 (16:9 PNG). Search result images are 1920 × 1280 to 3840 × 2560 (3:2), or 5244 × 2950 (16:9 PNG). JPEG or PNG is fine for the listed image sizes, and the file must not have transparency. If you're using a video, the formats and lengths are different, so check the specs for that placement.
I'd use the export settings in the matching Figma, Photoshop, or Pixelmator template rather than cropping the canvas to the safe-area box. Apple's asset best practices and creative asset specifications show the safe areas and exact sizes.
.
Thanks for your reply.
I saw the specifications and thought that the dimensions are way too big for a header or search result view.
I will use the whole canvas then. Still there is a lot of “unsafe” area in the template, that I guess I need to try out to understand.
Thanks again
I misclicked and now my reply is the accepted answer. (Why is that even possible UX wise?)
This does not match up.
