Graphical Image Guidelines
You can customize your DiveTab application by creating or sourcing your own banner and icon files. Different icons can be specified for portrait versus landscape display, and for standard and retina devices. The retina iPads display twice as many pixels per inch on the display. Both retina and non-retina banners and menu icons should be supplied so the graphic looks good on both types of iPads.
Use this pixel table as a guide for your graphic files:
Retina Display |
Landscape Banner |
Portrait Banner |
Menu ICON |
Menu ICON |
---|---|---|---|---|
False |
1024 x 190 |
768 x 220 |
144 x 144 @72 dpi |
161 x 89 @72 dpi |
True |
2048 x 380 |
1536 x 440 |
288 x 288 @144 dpi |
322 x 178 @144 dpi |
Notes:
- Incorrectly sized banners that are too small are centered both horizontally and vertically within these boundaries. The rest of the banner area is filled with a white background.
- Incorrectly sized banners that are too large are scaled down proportionally to fit within the allowed banner area. If the banner is not a perfect fit, it is centered vertically or horizontally or both within the banner area, and any part of the allowed banner area not covered by the banner is filled with a white background.
- For menu icons, size varies for pages with a banner versus without a banner. Menu pages with a banner place the buttons in a 4 x 3 layout, while Menu pages without a banner (sub-menus) place the buttons in a 5 x 4 layout.