Banner Photo Crop Guide

Adjust banner height:

Desktop 16 /

Tablet 16 /

Mobile 16 /

Guides: Show guides Show labels

Photo crops:

Legend

Safe Area — Always visible on all devices (desktop, tablet & mobile)

Tablet visible — Extra area visible on tablet and desktop

Desktop only — Only visible on large screens

Text zone — Keep a calm/plain background here for the text overlay

Text left

Example photo - puzzle game on couch

Desktop only Cropped

Desktop only Cropped

Tablet+ Cropped

Tablet+ Cropped

Safe Area — always visible

TEXT ZONE
Clean background

Text centred

Example photo - girl playing with puzzle

Desktop only Cropped

Desktop only Cropped

Tablet+ Cropped

Tablet+ Cropped

Safe Area — always visible

TEXT ZONE
Clean background

Text right

Example photo - child playing with wooden toys

Desktop only Cropped

Desktop only Cropped

Tablet+ Cropped

Tablet+ Cropped

Safe Area — always visible

TEXT ZONE
Clean background

Specifications per device

Desktop

Width: 1440px+

Banner height: ~500px

Full photo visible

Tablet

Width: 768px – 1439px

Banner height: ~400px

Sides slightly cropped

Mobile

Width: <768px

Banner height: ~300px

Only safe area visible

Recommended photo specifications

Minimum resolution	2560 × 960 px
Aspect ratio	~8:3 (wide)
File format	JPG or WebP
Max file size	500 KB (optimised)