What size should my images be?

Follow

Looking to size an image so it fits within a column? You'll find a list below, organized by theme, of the widths for each column size. You still may need to make small adjustments to make your own photos fit perfectly, but this should give you a good starting point.

Keep in mind, you should always keep the aspect ratio locked in order to keep your images in proportion when adding them as page content (You'll find the "Lock Aspect Ratio" option on the "advanced" tab of the photo upload tool, right next to the image size options).

Please note:
Image file types supported by Church360 Unite are:  jpg / jpeg / gif / png
 

Earthtones
Custom Header

  • 1144x171px

Pages
Pages not in a category

  • Full page: 960px
  • ½ column: 470px
  • 2/3 column: 625px
  • 1/3 column: 310px

Pages within a category

  • Full page: 710px
  • ½ column: 345px
  • 2/3 column: 462px
  • 1/3 column: 228px

Group Pages
Group Pages within a category

  • Full page: 532px
  • ½ column: 256px
  • 2/3 column: 364px
  • 1/3 column: 188px

Group pages not in a category

  • Full page: 720px
  • ½ column: 350px
  • 2/3 column: 468px
  • 1/3 column: 230px

 

Heritage
Background Image

  • 1920px wide
  • This background will scroll with page content, it’s best to have a texture that will repeat well and not detract from other images on the page.

Pages
Pages not in a category

  • Full page: 900px
  • ½ column: 440px
  • 2/3 column: 587px
  • 1/3 column: 312px

Pages within a category

  • Full page: 657px
  • ½ column: 338px
  • 2/3 column: 427px
  • 1/3 column: 210px

Group Pages
Group Pages within a category

  • Full page: 493px
  • ½ column: 236px
  • 2/3 column: 318px
  • 1/3 column: 154px

Group pages not in a category

  • Full page: 675px
  • ½ column: 327px
  • 2/3 column: 438px
  • 1/3 column: 216px

 

Light
Background Image

  • 1920px
  • The background will scroll with page content, it’s best to find something that repeats well. Thanks to the white overlay that separates the page content from the background, however, it can be as bright as you want without making your content difficult to read.

Custom Logo

  • 708x80px

Pages

  • Full page: 960px
  • ½ column: 470px
  • 2/3 column: 626px
  • 1/3 column: 312px

Group Pages

  • Full page: 720px
  • ½ column: 350px
  • 2/3 column: 468px
  • 1/3 column: 231px

 

Material
Custom Header

  • 1020x145px

Pages

  • Full page: 960px
  • ½ column: 470px
  • 2/3 column: 626px
  • 1/3 column: 312px

Group Pages

  • Full page: 720px
  • ½ column: 350px
  • 2/3 column: 468px
  • 1/3 column: 231px

 

Minimal
Background Image

  • 1920x1080px
  • This background is stationary and doesn’t currently lend itself well to mobile or small windows. Because your page content sits right over the top of the image, try to make sure it isn't too distracting or bright.

Top Navigation
Pages

  • Full page: 1170px
  • ½ column: 577­px
  • 2/3 column: 766px
  • 1/3 column: 387px

Group Pages

  • Full page: 877px
  • ½ column: 430px
  • 2/3 column: 573px
  • 1/3 column: 287px

Side Navigation
Pages

  • Full page: 970px
  • ½ column: 477­px
  • 2/3 column: 634px
  • 1/3 column: 319px

Group Pages

  • Full page: 727px
  • ½ column: 355px
  • 2/3 column: 474px
  • 1/3 column: 236px

 

Modern
Background Image

  • 1920x1080px  
  • This background is stationary and there’s a white overlay that your page content sits on. That means you can make this background as bright as you like without detracting from your text.

Pages

  • Full page: 880px
  • ½ column: 430px
  • 2/3 column: 574px
  • 1/3 column: 286px

Group Pages

  • Full page: 650px
  • ½ column: 315px
  • 2/3 column: 422px
  • 1/3 column: 207px


 
Module
Background Image

  • 1920x1080px
  • The background will scroll with page content, so it’s best to find something that repeats well. However, thanks to the white overlay that separates the page content from the background, it can be as bright as you want.

Custom Logo

  • 708x80px

Pages

  • Full page: 911px
  • ½ column: 421px
  • 2/3 column: 582px
  • 1/3 column: 260px

Group Pages

  • Full page: 661px
  • ½ column: 299px
  • 2/3 column: 417px
  • 1/3 column: 180px


 
Ribbon
Custom Header

  • 910x144px

Pages

  • Full page: 846px
  • ½ column: 415px
  • 2/3 column: 552px
  • 1/3 column: 277px

Group Pages

  • Full page: 634px
  • ½ column: 309px
  • 2/3 column: 413px
  • 1/3 column: 205px

 


Swatch
Pages
Pages not in a category

  • Full page: 960px
  • ½ column: 470px
  • 2/3 column: 627px
  • 1/3 column: 313px

Pages within a category

  • Full page: 672px
  • ½ column: 325px
  • 2/3 column: 436px
  • 1/3 column: 215px

Group Pages
Group Pages within a category

  • Full page: 503px
  • ½ column: 242px
  • 2/3 column: 325px
  • 1/3 column: 158px

Group pages not in a category

  • Full page: 720px
  • ½ column: 350px
  • 2/3 column: 468px
  • 1/3 column: 231px



Urban
pages

  • Full page: 960px
  • ½ column: 470px
  • 2/3 column: 626px
  • 1/3 column: 313px

Group Pages

  • Full page: 720px
  • ½ column: 350px
  • 2/3 column: 468px
  • 1/3 column: 232px

 


Vertical
pages

  • Full page: 810px
  • ½ column: 395px
  • 2/3 column: 527px
  • 1/3 column: 262px

Group Pages

  • Full page: 486px
  • ½ column: 233px
  • 2/3 column: 314px
  • 1/3 column: 152px

 

 

Wonderful Cross
Custom Header

  • 1600x640px

Custom Logo

  • 708x80px

Pages

  • Full page: 960px
  • ½ column: 470px
  • 2/3 column: 626px
  • 1/3 column: 313px

Group Pages

  • Full page: 720px
  • ½ column: 350px
  • 2/3 column: 468px
  • 1/3 column: 232px
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.