Creating beautiful images is key to a good-looking site. Here are our recommendations.

Sourcing Images

• Find high-definition images (we recommend starting with 1920x1080px or higher).
• Free sources:
  • themoviedb.org (find a movie, select ​MEDIA, then BACKDROPS)
  • Google Images (filter to only see large images, select TOOLS, SIZE, and then LARGE)

Resizing Images

• You will need to resize the images (see below).
• A good free tool to resize images is this, from Adobe: https://express.adobe.com/tools/image-resize

Image Sizes

• Homepage Carousel
  • 1141 pixels wide x 422 pixels high
  • PNG or JPG file format

<aside> 💡 For the Homepage Carousel, try to use text-less images. Text is overlaid from the Promotional Title, Promotional Subtitle, and Link Title. More info here.

</aside>

• Promotional Sidebar
  • 262 pixels wide x 500 pixels high (height is variable)
  • PNG or JPG file format

<aside> 💡 Unlike the Homepage Carousel, you will need to build any text into the image itself (like a traditional banner advertisement). We recommend using Adobe Photoshop for this. We also recommend using fonts and colours consistent with your logo and website.

</aside>

• Promotional Footer
  • For traditional 3 column layout:
    • 524 pixels wide x 466 pixels high
    • PNG or JPG file format
  • For the stacked single column layout:
    • 850 pixels wide x 300 pixels high (height is variable)
    • PNG or JPG file format

<aside> 💡 Unlike the Homepage Carousel, you will need to build any text into the image itself (like a traditional banner advertisement). We recommend using Adobe Photoshop for this. We also recommend using fonts and colours consistent with your logo and website.

</aside>

• Images in Pages
  • We recommend a single column layout (this ensures reliable rendering on mobile devices), and full width landscape images:
    • 780 pixels wide (height is optional)
    • PNG or JPG file format