Image Guidelines
Engage SDK Image Guidelines
The following asset sizes are required in order for our processes to resize your content properly to varying device screen sizes.
Asset Specs
Asset Size | Devices | Size | Safe Space | Safe Space Placement | Gutter Space |
---|---|---|---|---|---|
iOS 17.2+ | Devices running iOS 17.2 and above | 1624px x 1626px | n/a | n/a | n/a |
iOS Large | iPhone X and Above | 1626px x 3521px | 854px x 854px | 1334px from top 1333 px from bottom 386px from left/right | 542px from top/bottom 250px from left/right |
iOS Small | Any iPhone smaller than iPhone X | 888px x 1406px | 480px x 480px | 437px from top 489px from bottom 204px from left/right | 37px from top/bottom 69px from left/right |
Android Contact | Android devices | 720px x 720px | n/a | n/a | n/a |
NOTE
Safe space is to ensure that your main message and assets are not disrupted by the answering UI and incoming call text
iOS 17.2 and above iPhone Contact Asset Examples
![android-contact-asset-deliverable-1.png 288](https://files.readme.io/02df302-Dev-Portal-Square-Good-Bank.png)
Asset Deliverable
![android-contact-cropping-1.png 270](https://files.readme.io/6cdb2cc-Dev-Portal-Circle-Good-Bank.png)
Cropping Example
iOS iPhone Large Asset Examples
![ios-large-deliverable-1.png 291](https://files.readme.io/fafaed1-ios-large-deliverable-1.png)
Asset Deliverable
![ios-large-specs-1.png 314](https://files.readme.io/e6d99e6-ios-large-specs-1.png)
Asset Specs
iOS iPhone Small Asset Examples
![ios-small-deliverable-1.png 344](https://files.readme.io/08517e5-ios-small-deliverable-1.png)
Asset Deliverable
![ios-small-specs-1.png 364](https://files.readme.io/9846466-ios-small-specs-1.png)
Asset Specs
Android Contact Asset Examples
![android-contact-asset-deliverable-1.png 288](https://files.readme.io/1633133-android-contact-asset-deliverable-1.png)
Asset Deliverable
![android-contact-cropping-1.png 270](https://files.readme.io/2bd9827-android-contact-cropping-1.png)
Cropping Example
Android contacts natively crop the image in a circle. Keep this in mind when placing your logo. Try to avoid placing content in the corners. First Orion can provide a template for valid users.
Updated 6 months ago