Guide to Asset Dimensions

Everything you need to know about designing onsite components to fit your brand
Written by Nora
Updated 10 months ago

This guide will help you figure out he right size pieces of content for all aspects of your program.

Wallet

Auth Slider Images (Recommended size: 1568 x 2734)

How to find them to make the change:

Activities Images (Recommended size: 200 x 200)

How to find them to make the change:

Challenges Banner (Recommended size: 625 x 260)

How to find them to make the change:

Container Images (Recommended size: 50 x 50)

How to find them to make the change:

Member Cards (Recommended size: 272 x 155)

How to find them to make the change:

Apple Wallet Pass

Background Image (Recommended size: 272 x 99)

How to find them to make the change:

Logo Image (Recommended size: 97 x 25)

How to find them to make the change:

Apple Wallet Image Guidelines 
  • The background image (background.png) is displayed behind the entire front of the pass. The expected dimensions are 180 x 220 points. The image is cropped slightly on all sides and blurred. Depending on the image, you can often provide an image at a smaller size and let it be scaled up, because the blur effect hides details. This lets you reduce the file size without a noticeable difference in the pass.

  • The footer image (footer.png) is displayed near the barcode. The allotted space is 286 x 15 points.
    The icon (icon.png) is displayed when a pass is shown on the lock screen and by apps such as Mail when showing a pass attached to an email. The icon should measure 29 x 29 points.

  • The logo image (logo.png) is displayed in the top left corner of the pass, next to the logo text. The allotted space is 160 x 50 points; in most cases it should be narrower.

  • The strip image (strip.png) is displayed behind the primary fields.
    On iPhone 6 and 6 Plus The allotted space is 375 x 98 points for event tickets, 375 x 144 points for gift cards and coupons, and 375 x 123 in all other cases.
    On prior hardware The allotted space is 320 x 84 points for event tickets, 320 x 110 points for other pass styles with a square barcode on devices with 3.5 inch screens, and 320 x 123 in all other cases.

  • The thumbnail image (thumbnail.png) displayed next to the fields on the front of the pass. The allotted space is 90 x 90 points. The aspect ratio should be in the range of 2:3 to 3:2, otherwise the image is cropped.

  • NOTE: The dimensions given above are all in points. On a non-Retina display, each point equals exactly 1 pixel. On a Retina display, there are 2 or 3 pixels per point, depending on the device. To support all screen sizes and resolutions, provide the original, @2x, and @3x versions of your art.

    Did this answer your question?