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 (to filter to only see large images, select TOOLS, SIZE and then LARGE)
Resizing Images
- You will need to resize the images (see below).
- We recommend using Adobe Photoshop, but you can also use free tools such as Canva, picresize.com or GIMP.
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 over layed 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, any text you will need to build 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, any text you will need to build 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