Explore your church app's essential graphic dimensions and examples with our guide. This article provides detailed insights into sizing requirements for various app graphics, ensuring a polished and professional appearance. Discover examples and guidelines for icons, banners, and other visuals to enhance your app's visual appeal. Elevate your app's design and user experience by following these recommendations. Optimize your church app's visuals with the correct dimensions and examples provided in this article.
Images should be 1MB or less, including any images uploaded from Media.
Apps are responsive to device display size. Due to this, certain images such as header images will change shape and may auto-crop when you view them on devices with different screen ratios, think iPhones, vs. Androids vs. tablets. Therefore, we strongly suggest using a generic image that will look good regardless of how it is resized. If using text on the image, be mindful to keep the text to the center of the image since the sides of the image might be auto-cropped. When using an image, regardless of if you have the right dimensions, the images will be cropped to fill the space.
Area |
Size |
Square Icon LayoutSquares with a background color
|
768px x 768pxHalf |
BannersWhere you click "About Us" and "Events" |
851px x 315px |
Feature TileLargest “large” tile
|
1536px x 1024px |
Full TileLarge tiles that go across the whole screen Example: See Image under Feature Tile |
1536px x 768px |
Half Tile“Stacked tiles” layout, 2 images per row
|
768px x 512px |
Third Tile“Stacked tiles” layout, 3 images per row
|
512px x 512px |
Feature Vertical Cards
|
1536px x 864px |
Dev Launch Screen |
1827px x 2436px |
Slide Out CardsTop Left Menu |
849px x 441px for the image with our design/text already on it (the default for how the cards show up) OR 1142px x 1869px for the full card |