When managing different device widths, screen resolutions and HIVE Front-ends its not a straight answer.

What is the correct cover size to use? Below we've cropped the cover from common device resolutions, the HIVE scroll bar on the right hand size is around 15px wide. Cover image = device width - scrollbar

Narrow Cover

Actual Image Rectangle (1900 x 275)

Rendered size: 599 × 83 px Rendered aspect ratio: 599∶83 Intrinsic size: 1900 × 265 px Intrinsic aspect ratio: 380∶53

1920x1080 / FHD

Rendered size: 599 × 59 px Rendered aspect ratio: 599∶59 Intrinsic size: 1903 × 189 px

1366 x 768 / HD LAPTOP

Rendered size: 599 × 82 px Rendered aspect ratio: 599∶82 Intrinsic size: 1350 × 186 px Intrinsic aspect ratio: 225∶31

1280 x 720 / HD

Rendered size: 599 × 90 px Rendered aspect ratio: 599∶90 Intrinsic size: 1265 × 190 px Intrinsic aspect ratio: 253∶38

360 x 740 / Samsung Galaxy S8

Rendered size: 358 × 259 px Rendered aspect ratio: 358∶259

@ecency - 1920x1080 / FHD

Rendered size: 599 × 62 px Rendered aspect ratio: 599∶62 Intrinsic size: 1334 × 139 px Intrinsic aspect ratio: 1334∶139

@ecency - 360 x 740 / Samsung Galaxy S8

Rendered size: 342 × 138 px Rendered aspect ratio: 57∶23

We've updated our cover to 2048 x 512 pixels as recommended under cover size under settings

1920x1080 / FHD

1366 x 768 / HD LAPTOP

1280 x 720 / HD

360 x 740 / Samsung Galaxy S8

@ecency - 1920x1080 / FHD

@ecency - 360 x 740 / Samsung Galaxy S8

We've Drawn the average surface area out all displays, recommend to keep all visual elements within the hit area with 2 template files below for cover size:

Without Profile Info

With Profile Info

Hope everyone finds this useful, cheers.