Skip to main content

Uploading Your Logo

3 min readUpdated Jan 27, 2026

Logo Upload Guide

Your logo appears in the sidebar, email notifications, and your public prayer wall.

How to Upload

  1. Go to Settings → Branding
  2. Find the Logo section
  3. Click "Upload Logo" or drag and drop
  4. Wait for upload to complete
  5. Preview how it looks
  6. Save changes
AssetRecommendedMinimumFormat
Cover photo / banner2400 × 1000px (2.4:1)1920 × 800pxJPG or PNG, under ~500KB
Full logo (wide)800 × 200px400 × 100pxPNG with transparency
Square icon512 × 512px256 × 256pxPNG with transparency
Max upload size is 5MB per file. Anything larger than 2000px on the long edge is downscaled automatically.

Framing Your Cover Photo

The cover is a full-width band that is cropped differently on every screen: roughly a 4:1 letterbox on desktop, and a near-square slice from the centre on mobile.

  • Keep the important subject inside the centre 40% horizontally and vertically.
  • Avoid text or logos baked into the photo — your logo and church name are overlaid with a dark gradient.
  • Slightly darker, lower-contrast photos read best under the 30–50% overlay.

What Works Best for Logos

  • Horizontal/landscape orientation
  • Clear, high-resolution image
  • Simple design that's recognizable at small sizes
  • Transparent background so it sits on light and dark surfaces

Light and Dark Mode

Upload two versions for the best experience:

  • For light backgrounds
  • Usually your standard colored logo
  • For dark backgrounds
  • Often white or light-colored version
  • Same logo, different colors

Troubleshooting

Logo Looks Blurry

Upload a higher resolution version (at least 2x your display size).

Logo Gets Cut Off

Ensure your file has minimal padding around the logo.

Wrong Orientation

PrayerConnect works best with horizontal logos. If yours is vertical, consider creating a horizontal lockup.

Colors Look Wrong

  • Check your color profile (RGB is best for web)
  • Ensure PNG transparency is correct
  • Test in both light and dark mode

Also upload an icon (square version):

  • Used for browser tabs
  • Mobile app icon
  • Compact spaces
Usually this is just your logo mark without the text.

Was this article helpful?