This article is your quick-reference guide to recommended image dimensions across every content module in Finalsite CMS. Whether you're uploading a staff photo, an event thumbnail, or a form banner, find your specs here.
💡What this covers
This reference guide includes image dimension specs for engaging visitor elements (popups, forms, mobile app, and icon panels), news and event modules (post thumbnails, board banners, and video thumbnails), and people and athletics modules (profile photos, roster headshots, team photos, and store logos).
In this article
- Before you start
- Engaging visitors
- Managing news, posts, and events
- Managing people, athletics, and other modules
Before you start
This article is part of our media guidelines series. Looking for something else? Check out the full set:
- Media guide 1: Setting up your site's branding and global standards
- Media guide 2: Image specs for every module (this article)
- Media guide 3: Building hero areas, banners, and sliders
- Media guide 4: Optimizing and uploading video
Have questions about your site's specific dimensions or media setup? Every site is unique! Look in these two places first for your site's custom treatments, enhancements, and site-specific directions:
Engaging visitors
These specs cover interactive elements like pop-ups, forms, mobile app feeds, social links, and homepage action buttons.
| Media item | Where in the CMS | Aspect ratio | Notes |
|---|---|---|---|
| Popup images | Page Pops | 3:2 (1200 x 800 px) | |
| Form banners | New Forms / Forms Manager | 6:1 (2400 x 400 px) | Use a slim banner to keep form fields above the fold |
| Mobile thumbnails | Mobile App module | 2.3:1 (608 x 264 px) | Specific ratio ensures fit within the mobile app feed |
| Social icons | Feeds / Social elements | 1:1 (128 x 128 px) | Used for custom social links or feed branding; use .svg if possible |
| Icon panel images | Homepage | 1:1 (400 x 400 px) | Best for quick links or call-to-action buttons; keep simple and bold |
| Ask AI avatar | Ask AI feature | 1:1 (256 x 256 px) | Small square icon representing the AI assistant in the chat interface |
Managing news, posts, and events
These specs apply to the Posts module, news feeds, blog pages, story grids, and Calendar Manager.
| Media item | Aspect ratio | Notes |
|---|---|---|
| Post thumbnails | 4:3 (1600 x 1200 px) | Center focal points for consistent grid cropping |
| Board banners | 3:1 (2400 x 800 px) | Displays at the top of news or blog landing pages |
| Video thumbnails | 16:9 (2560 x 1440 px) | Upload manually to Resources to avoid "black frame" starts |
| Event thumbnails | 1:1 (800 x 800 px) | Square images work best for list and grid view layouts |
Managing people, athletics, and other modules
These specs apply to Constituent Manager, Athletics Manager, and Finalsite Store. Use .png or .svg files with transparent backgrounds for map icons and store logos.
| Media item | Aspect ratio |
|---|---|
| Profile photos | 1:1 (800 x 800 px) |
| Map icons | 1:1 (64 x 64 px) |
| Roster headshots | 2:3 (600 x 900 px) |
| Team photos | 3:2 (2400 x 1600 px) |
| Store logo | 2.4:1 (480 x 200 px) |
Comments
Please Sign in to leave a comment if you don't see the comment box below.