A very frequent question when it comes to content creation in Stacks is what are the recommended images sizes when uploading or selecting an image?
The answer to this will vary depending on the feature you are creating, below is a list with our recommendations for the optimal image size based on feature, as well as image display in the Stacks Mobile app.
The tables below will indicate the recommended aspect ratios and dimensions for image sizes, if the desired image you plan to upload doesn't fit these recommendations, consider using an aspect ratio calculator to see how your image may need to be adjusted.
Images Sizes by Feature
Hero/Header
| Feature | Orientation | Aspect Ratio | Dimensions |
| Image | Landscape | 16:9 | Width: 1440px Height: 810px |
Sliders
| Slider Size | Orientation | Aspect Ratio | Dimensions |
| Large Sliders | Landscape | 4:1 | Width: 1216px |
| Height: 304pm | |||
| Mini Sliders | Square | 1:1 | Width: 40px |
| Height: 40px | |||
| Mobile App Sliders | Landscape | 2:1 | Width: 328px |
| Height: 246px |
Callouts
| # of Callout Blocks | Orientation | Aspect Ratio | Dimensions |
| 4 | Landscape | 4:3 | Width: 320px Height: 240px |
| Portrait | 3:4 | Width: 320px Height: 427px |
|
| 3 |
Landscape |
4:3 | Width: 432px Height: 324px |
| Portrait | 4:5 | Width: 432px Height: 536px |
|
| 2 | Landscape | 16:9 | Width: 644px Height: 364px |
| Portrait | 1:1 | Width: 644px Height: 644px |
Database Listings
| Database Listing Feature | Orientation | Aspect Ratio | Dimensions |
| Logo | Landscape | 21:9 | Width: 200px Height: 86px |
Directory Listings
| Listing Feature | Orientation | Aspect Ratio | Dimensions |
| Listing image | Landscape | 4:3 | Width: 240px Height: 180px |
| Portrait | 2:3 | Width: 240px Height: 360px |
Collections
| Collection Feature | Orienation | Aspect Ratio | Dimensions |
| Bento/Listing/Detail pages | Landscape | 4:3 | Width: 384px Height: 288px |
| Portrait | 3:4 | Width: 384px Height: 512px |
Resource Flows
| Resource Flow Feature | Orientation | Aspect Ratio | Dimensions |
| Slider Image | Portrait | 2:3 | Width: 240px Height: 360px |
News Articles
| News Feature | Orientation | Aspect Ratio | Dimensions |
| Image | Landscape | 4:3 | Width: 1000px Height: 750px |
Reserves
| Reserves Feature | Orientation | Aspect Ratio | Dimensions |
| Listing Image | Landscape | 4:3 | Width: 320px Height: 240px |
| Portrait | 2:3 | Width: 220px Height: 330px |
Mobile App
Please note, this section refers to the Stacks Mobile app, not to be confused with viewing your Stacks site on a mobile device. Stacks Mobile is a separate product from your primary site.
Also, the following dimensions represent best fit, as mobile apps will scale images based on the screen dimensions of the device, and can scale differently on Android vs. iOS devices.
| App Feature | Orientation | Aspect Ratio | Dimensions |
| Sliders | Landscape | 4:3 or 2:1 |
Width: 1234px Height: 1029px |
| Callouts | Landscape | 4:3 |
Width: 300px Height: 211px |
| Resource Flows | Landscape | 4:3 |
Width: 144px Height: 216px |