📸 SmoothStay Image Sizing Guide
Cover Image Recommendations (for Top of Guide Pages)
✅ Recommended Upload Size: 800 x 400 px
A crisp, mobile-optimized landscape image that works well within our layout's fixed dimensions and margins.
🧱 Layout Details
📱 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 800 x 400 px for sharp quality and flexibility
-
Use landscape orientation
-
Keep important subjects centered within a ~safe zone of 900x300 px
-
Avoid placing text or faces near the edges—they might get cropped
- Use TinyPNG.com free service to compress your image manually before uploading, for best sharpness and faster loads
🔍 Bonus: Fullscreen View
Guests can tap the expand icon in the corner of cover images to view them uncropped and fullscreen.