Uniteam’s Home Screen is highly customizable, and using the right image dimensions ensures your platform looks clean, modern, and on-brand—across both desktop and mobile.
📺 Desktop Banner Sizes
To fit perfectly on most screens (like 1366px-wide displays), we recommend these dimensions:
Standard Banner:
1366 px x 288 px— Best balance for clarity, text legibility, and layout harmony.Small Banner:
1200 px x 200 px— Great for minimalist headers or secondary visuals.Large Banner:
1366 px x 400 px— For bold, high-impact visuals across the full screen width.
✅ Pro Tip: For sharper images, especially on retina or 4K displays, create and upload at 2x or 3x resolution:
1366 x 288 → 2732 x 576 (2x) or 4098 x 864 (3x)
📱 Mobile Banner Recommendations
Mobile layouts crop and scale images differently, so it's important to design with flexibility in mind:
Optimal Size:
1080 px x 300 px— This maintains aspect ratio and loads well on most modern smartphones.High-Res (2x):
2160 px x 600 px— For extra sharpness on high-density displays.Safe Zones: Keep logos/text centered and away from edges to avoid cropping.
🔳 Square Image Sizes (Used for Tiles, Icons, Profile Pics)
Use these sizes for square-shaped images across both web and mobile:
Small:
500 px x 500 px— Icons, avatars, or simple tiles.Standard:
1000 px x 1000 px— Best for home screen tiles and reusable visual blocks.High-Res:
1500 px x 1500 px— Ideal for detailed designs or larger image modules.
💡 Scaling Recommendation:
1000 x 1000 → 2000 x 2000 (2x) or 3000 x 3000 (3x) for best appearance on high-resolution displays.
🧠 Final Tips
Always finish your design on web, then sync to mobile and fine-tune from there.
Start with 2x or 3x resolution whenever possible—Uniteam will scale down cleanly.
Use PNG for crisp logos or text overlays, and JPEG for photographs to optimize load speed.
By following these image guidelines, your Uniteam setup will feel polished, performant, and aligned with your brand—no matter the device.