Images on Apple Wallet and Google Wallet passes are an essential component that enhances the visual appeal and functionality of these digital cards. They provide a quick and easy way for users to identify and access the pass.
Terminology
Digital Pass:
A digital representation of a physical card or document, accessible through a mobile device.
Digital Coupon:
A digital version of a traditional coupon.
Aspect Ratio:
The ratio of the width to the height of an image.
Default image:
When a user hasn't uploaded a profile picture, a default image like a generic avatar or a placeholder image is displayed.
Images:
For the Digital Coupon we will be using 5 images.
Icon - This 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 87 pixels wide x 87 pixels high.
Apple Logo - Can either be a square logo, or a rectangle logo 480 pixels wide x 150 pixels high
Google Logo - The minimum size of the logo on the Google Wallet pass is 660 x 660 pixels
Apple Strip Image - This image is shown horizontally across the Apple Wallet pass and should be 1125px x 432px
Google Hero Image - This image is shown horizontally across the Google Wallet pass and should be 1032 x 336 pixels.
Adding your images
Google Logo Image
In the designer click on the image area to open the image selector. This contains images previously used and an image uploader.
Click on the image upload icon and select the correct sized image from your computer.
Click "Done" when finished, and click "Save" to save the changes.
Apple Logo Image
In the designer click on the image area to open the image selector. This contains images previously used and an image uploader.
Click on the either the square or rectangle image upload icon and select the correct sized image from your computer.
Click "Done" when finished, and click "Save" to save the changes.
Google Hero Image
The Google Wallet Hero Image is a visual element used to enhance the appearance and user experience of digital passes.
In the designer click on the image area to open the image selector. This contains images previously used and an image uploader.
Click on the image upload icon and select the correct sized image from your computer.
Click "Save" when done to save your changes.
Apple Wallet Strip Image
The Apple Wallet Strip Image is a visual element used to enhance the appearance and user experience of digital passes.
In the designer click on the image area to open the image selector. This contains images previously used and an image uploader.
Click on the image upload icon and select the correct sized image from your computer.
Click "Save" when done to save your changes.
Icon Image
The icon image is only used for the Apple Wallet designer.
In the designer click on the image area to open the image selector. This contains images previously used and an image uploader.
Click on the image upload icon and select the correct sized image from your computer.
Click "Save" when done to save your changes.
Test
Check how your test pass looks after making these changes
If you haven't issued a test pass and added to Wallet yet, please see here
View the pass and changes in your Wallet.
