logo size and resolution for apple boarding pass

Question

Created Mar ’20

Replies 2

Boosts 0

Views 2.1k

Participants 3

i am developing an apple pass(boarding pass) but the issues comes with logo.i don't know what size and resoltuion should be used for the logo to not get blurred on devices specially on retina devices. i am using 480 by 150 in logo.png and 2(480 by 150) logo@2x.png and 3(480 by 150) in logo@3x.png.the logo is looking perfect on angroid devoices but getting pixelating on retina devices n also i have read someehre on internet that for retina devices logo@2x.png automatically gets used but in my case pass is just using logo.png file even for retina devices and results in pixelation of logo.that all i could explain kindly help me out reolving this issue
thank u!

Boost

Answer 1

Claude31 OP

Mar ’20

i am developing an apple pass(boarding pass) but the issues comes with logo.i don't know what size and resoltuion should be used for the logo to not get blurred on devices specially on retina devices.

Which logos are these ?

Is it on of the icons described here : https://support.apple.com/en-us/HT204003

If so, which exactly ?

i am using 480 by 150 in logo.png and 2(480 by 150) logo@2x.png and 3(480 by 150) in logo@3x.png.the logo is looking perfect on angroid devoices

Why do you use the same size for different resolutions ?

2x: 960 * 300

3x 1440 * 450

Probably Android (Angroid) uses only the first resolution

0

Answer 2

UrbanHotbed OP

May ’20

We are talking about the logo on the upper left of your pass, right ?

Then your logo.png is way too large. It’s supposed to be a max. width of 160px (won’t work on the watch otherwise…) and a height of 50px – with the double and triple scales respectively at max. 320 by 100 and max. 480 by 150 for 3x. This should nomally get you appropriate display across devices.

To make sure you don't exceed the permitted file size for the pass as a whole, it may be helpful to run the resulting files through a lossless PNG-minifier like ImageOptim as well.

0