Circuit is built as a responsive platform meaning that image and video display varies according to a user's device orientation and screen size. The resolution and image quality may also vary based on connection speed and screen size.
The following recommendations are intended to support the optimal selection of images and videos to display in Circuit.
Image Best Practices
A landscape aspect ratio is preferred, as portrait dimensions will usually end up smaller or cropped.
Using large images allows for the possibility to systematically resave the image in different ways to fit different scenarios.
In Circuit, add a focal point to an image to designate the most important area of the image and prevent cropping during the image display. If a focal point is not displaying in your live tour after making an adjustment, try waiting 15 minutes and then clearing your browser cache.
Circuit Image and Video Element Sizing
Element | Recommendations | Notes |
Homepage Banner | 16:9 or 4:3 aspect ratio |
|
Tour Guide | 1:1 aspect ratio | Tour Guides are always displayed as a circle or square. Crop the image before uploading to ensure faces are visible |
Tour Default Image | An image suitable for both landscape and portrait orientation, with a single focal point | Displayed on the Tour Card, Tour Detail and Splash Pages |
Tour Detail Image | 16:9 or 4:3 aspect ratio or a landscape image with a single focal point | An optional image that will override the tour default image on the Tour Detail page |
360 Panoramas | 2:1 aspect ratio | Images should be equirectangular |
Guide Card Images | 420x300 pixels |
|
YouTube Video Thumbnails (Uploaded in YouTube) | 1280x720 pixels | Thumbnails with lower resolutions may appear blurry after uploading to Circuit |