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.
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 |