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
with a Banner

Menu ICON
without a Banner

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.