๐Ÿ“ธ Image sizing guide

โœ… Always check the recommended upload sizes for each type of image (e.g. articles, background, avatar, etc.)

image.png

For example, we recommend 800 ร— 400 px for article header images and 1200 ร— 800 for the guidebookโ€™s home background.


๐Ÿงฑ Layout Details for Headers in Articles

๐Ÿ“ฑ On Mobile:

  • Max Width: ~350โ€“370 px depending on device (due to ~20px padding on each side of the 390px screen)

  • Fixed Height: 200 px

  • Image is center-cropped within a padded article container

  • Does not span edge-to-edge

๐Ÿ’ป On Desktop:

  • Max Width: 900 px (inside article wrapper)

  • Fixed Height: 300 px

  • Horizontal Padding: ~20 px

  • Image stays centered and responsive

๐Ÿ” Images are center-cropped and scaled. Always place important visual content (like faces or text) in the middle area to avoid edge cuts.


๐Ÿ›  Tips for Best Results

  • Upload at recommended sizes for sharp quality and flexibility

  • Use landscape orientation

  • Keep important subjects centered

  • Avoid placing text or faces near the edgesโ€”they might get cropped


๐Ÿ” Bonus: Fullscreen View

Guests can tap the expand icon in the corner of cover images to view them uncropped and fullscreen.


Was this article helpful?