Skip to help content
CMS Help Center

Today With God CMS guide

Image Gallery & Cover Image

Understand how the same image changes across desktop, tablet, and mobile crops before it reaches the public app and website.

Recommended formats

Use the guide that matches what you are adding.

Click any example to view it larger.

1080 × 1080 · Square

Logo

Center the logo on a simple background.

1920 × 1080 · Widescreen

Cover image

Leave room around the main subject for different crops.

1920 × 1080 · Widescreen

Video thumbnail

Keep faces and large titles away from the edges.

1080 × 1080 · Square

Program artwork

Use one clear focal point and readable title.

1080 × 1080 · Square

Program artwork

Keep the important content inside the center area.

1080 × 1080 · Square

Bible plan artwork

Check that the title remains readable as a small card.

Where it appears

Cover and profile imagery

A tall mobile presentation can become a wide desktop background. Keep the main person or subject near the center and give the edges room to crop.

Mobile appPhone view
Desktop websiteWeb view

Where it appears

Channel artwork and featured imagery

The same organization may use portrait-style artwork on mobile and a wide hero composition on desktop. Important faces and logos need breathing room.

Mobile appPhone view
Desktop websiteWeb view

Mobile app examples

Where gallery and cover images actually show up

These are matched to the organization-page image areas discussed in the CMS training. They are better references for image galleries, featured covers, and the public organization page.

Images / cover area

Abundant Life organization gallery

The image strip at the top shows why each crop needs room around the main subject.

Images / cover area

CrossTalk organization gallery

Multiple organization images are shown together, so consistent composition makes the page feel intentional.

Mobile feature

Tall featured organization image

A wide source image can become a tall mobile presentation; keep the important subject near the center.

The safest composition

Build around the center.

  • Keep faces, logos, and important words away from the outer edges.
  • Use larger source images so each device crop has room to move.
  • Use text inside artwork sparingly and make it large enough for small cards.
  • Return to Edit Crops whenever the public page does not look right.