App Graphic Dimensions and Examples

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 Layout Squares with a background color	768px x 768pxHalf
Banners Where you click "About Us" and "Events"	1500px x 784
Feature Tile Largest “large” tile	1536px x 1024px
Full Tile Large 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 * Please make sure whatever logo or text that is used is given to us in a separate file that way we can make sure that is proportionate through all sizes.
Nav Bar Logo	580px x 102px * Please make sure you use a PNG image with a transparent background