- Installing SureDash
- Download and Access Your SureDash License
- Updating SureDash
- Understanding Spaces and Space Groups in SureDash
- Add a Space Content Type in SureDash
- How to Set Up a SureDash Course Space
- How to Set Up Google Login in SureDash: A Step-by-Step Guide
- How to Set Up Facebook Login in SureDash: A Step-by-Step Guide
- Understanding the Customize Portal in SureDash
- How To Add a Logo To The SureDash Portal
- Setting up Space Groups
- Hidden Spaces in SureDash
- How to Create a Feed Space
- How to Set up “Course” space in SureDash?
- How to Create a “Discussion” Space in SureDash
- How To Set Up A Private Discussion Space In SureDash
- Creating a “Single Post/Page” Space in SureDash
- How to Set Up a “Link” Space in SureDash
- How to Configure SureDash Space Layouts
- Understanding the “Single Post/Page” Space Type in SureDash
- How to set up Giphy Integration?
- How to Set up Presto Player with SureDash
- SureDash & SureMembers Integration: How to Restrict Access to Spaces and Content
- How to Integrate SureCart with SureDash
- How to Integrate OttoKit with SureDash
- Kadence Theme Compatibility with SureDash
- Using Media Offloading in SureDash
- How to Regenerate the Default SureDash Pages
- Recommended Hosting for SureDash
- Customizing the Portal Slug Using a Filter
- How to Edit SureDash Space or Post with Any Page Builder
- How to Use the Profile URLs in SureDash
- How to Manage Navigation Sidebar Top Sticky Offset in SureDash
- Custom Classes Used in Site Editor and Their Purpose
- How to Reset the Portal Template in SureDash?
- Media Handling in the Resource Library
- Location Where Users Can View Their Accessed Resources in SureDash
- Recommended Image Sizes for SureDash
- Metabox Field Values Not Displaying Inside SureDash Portal
Recommended Image Sizes for SureDash
When customizing your SureDash portal, using the correct image sizes ensures your design looks sharp, consistent, and professional.
Below are the recommended dimensions for different areas of the portal.
Space Banner Image
- Recommended Size: 1920 x 600 px (updated from the old 1920 x 384 px)
- Tip: Use a wide, panoramic image with centre-focused content so important details don’t get cut off on smaller screens.
Portal Logo
- Recommended Size: 300 × 75 px (rectangular)
- Alternative (for icon logos): 512 × 512 px
- Tip: Transparent PNGs work best. Use the rectangular size for header-style layouts, and square only if your logo mark fits that shape.
Portal Favicon
- Recommended Size: 64 x 64 px
- Tip: Keep it simple and recognizable, since favicons are displayed small in browsers.
User Profile Picture
- Recommended Size: 98 × 98 px
- Tip: Use a clear portrait or brand graphic. It’s displayed in a small circular frame, so keep it simple.
Profile Cover Image
- Recommended Size:
728 × 292 px - Tip: Use a wide image with the main subject centered. This area displays behind the user’s profile details, so avoid placing important text near the edges.
Space Thumbnails (Grid/List views)
- Recommended Size: 1200 x 675 px
- Tip: Similar to social media share previews. Works well for clean titles or illustrative images.
Post / Discussion Thumbnails
- Recommended Size: 800 x 266 px
- Tip: This size works well when sharing articles, discussions, or posts inside spaces.
Create Perfectly-Sized AI Images (Nano Banana or ChatGPT)
AI tools like Nano Banana don’t always follow size instructions from text alone.
To make sure your generated images are the correct size, here’s the trick:
Upload a blank image in your desired dimensions as a reference.
The AI will then generate your design within that size.
This method helps the AI “lock” onto the right aspect ratio, just as Adam Preiser explained in the community.
Ready-to-Use Prompts
Below are prompts you can copy and paste into Nano Banana or ChatGPT image generation. Just replace the [describe your style] and [topic/brand] sections.
1. Space Banner Image (1920×600)
Use the attached blank 1920×600 image as the size guide.
Generate a clean, modern banner image for SureDash with [describe your style, e.g. “minimal gradient background with abstract shapes”].
Theme: [topic/brand].
Leave space in the center for text overlay.
2. Portal Logo (512×512)
Use the attached blank 512×512 image as the size guide.
Create a simple, flat logo with [describe elements, e.g. “a blue circular icon with a white star in the middle”].
Style: [modern / playful / corporate].
3. Space Thumbnail (1200×675)
Use the attached blank 1200×675 image as the size guide.
Generate a thumbnail image for a SureDash space about [topic/brand].
Style: [modern / bold colors / clean illustrations].
4. Post Thumbnail (800×418)
Use the attached blank 800×418 image as the size guide.
Create a thumbnail for a blog-style post about [topic/brand].
Style: [simple / vibrant / flat design].
5. Profile Cover Image (728×292)
Use the attached blank 728×292 image as the size guide.
Generate a clean, professional cover image for a SureDash user profile.
Theme: [describe your topic or style, e.g., “modern gradient background with subtle geometric shapes” or “creative workspace with warm tones”].
Keep the main visual elements centered and avoid placing any text or details near the top or bottom edges.
Download Blank Image Templates
To make it easier for you to generate correctly sized images in Nano Banana or ChatGPT, we’ve prepared blank templates in all the recommended sizes.
These act as “frames” that the AI can follow for perfect results.
How to use these templates:
- Download the ZIP file above and extract it.
- Upload the blank image (matching your target size) into Nano Banana or ChatGPT.
- Paste the prompt for that image (from the section above).
- The AI will use the blank image’s size as a reference and generate your new design without changing dimensions.
Conclusion
By following these image sizes and prompts, you can make your SureDash portal look polished and professional. For the best results with AI tools like Nano Banana, always attach a blank image with your desired dimensions as a template.
If you need help or run into trouble with image generation, reach out to our support team.
We don't respond to the article feedback, we use it to improve our support content.