πŸ“Έ 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?