A featured image (or cover image in events) is a user-uploaded or AI-generated image that represents the contents of an article, event, or wiki. Widgets use featured images to promote an article, event, or wiki on a page.
Details
Configure a featured image
As a workplace administrator, site administrator, or creator, you can add a featured image (cover image for events) to content. This image is displayed in the following areas:
| Location | Location View |
|---|---|
| Top of Article and Wiki |
Unless the Hide from Article/Wiki button is toggled in the Content Settings menu during content creation or editing. See Hide or display a featured image in content. |
| Top of Event | |
|
Feeds and News, Recommended, and Trending content widgets |
|
| Carousel and Image card widget |
When you add a featured image in the Content Settings menu during article, event, or wiki creation or editing, the image may be AI-generated by keyword (if turned on in the digital workplace). See Configure AI-powered features. You may also upload your own image. See the Image specifications section below.
For more information, see Create or edit an article, Create or edit an event, or Create or edit a wiki.
Image specifications
Featured images should meet the following image requirements:
- File Type: Supported file types include JPG, JPEG, PNG, and SVG.
- File Size: The image's file size must be less than 10 MB. We recommend keeping file sizes at 1MB or less to improve digital workplace load performance.
All sizing tables in this article are based on Extra Large Row settings and for viewing your Igloo Flex digital workplace on a desktop screen. Due to responsive behavior, images will change size with the browser/screen size. To ensure the best image display, adjust the responsive column sizing and widget configuration settings as needed. Images may look different across different widgets or devices. Test and adjust settings to ensure the best display. Keep in mind that:
- Full-screen display: The dimensions are for a standard full-screen desktop display only and do not cover all screen sizes, zoom levels, or manual scaling of the browser window.
- Display variance: Dimensions do not consider variances with image cropping (e.g., an image that may look perfect in one square widget may not look the same in another square widget).
- Narrow displays: As the width of the browser decreases, the width of widgets also decreases. However, the image height stays the same. As a result, potential cropping can occur, and it is best to avoid using images containing text.
|
Featured Image Dimension (W x H) @96ppi Resolution |
Aspect Ratio |
Column Size: Carousel, Image Card Widgets |
Column Size: News, Trending, Recommended Content Widgets |
Grid View - Number of Item Rows: News, Trending, Recommended Content Widgets |
|---|---|---|---|---|
| 1458 x 300 | 243:50 | 12 | 12 | 2 |
| 1458 x 300 | 243:50 | 12 | 8 | 1-2 |
| 1458 x 300 | 243:50 | 12 | 6 | 1 |
| 1458 x 300 | 243:50 | 12 | 4 | 1 |
| 955 x 300 | 191:60 | 8 | 12 | 2-3 |
| 955 x 300 | 191:60 | 8 | 8 | 1-2 |
| 955 x 300 | 191:60 | 8 | 6 | 1 |
| 955 x 300 | 191:60 | 8 | 4 | 1 |
| 705 x 300 | 47:20 | 6 | 12 | 3 |
| 705 x 300 | 47:20 | 6 | 8 | 2-3 |
| 705 x 300 | 47:20 | 6 | 6 | 2 |
| 705 x 300 | 47:20 | 6 | 4 | 1 |
| 455 x300 | 91:60 | 4 | 12 | 4 |
| 455 x300 | 91:60 | 4 | 8 | 3 |
| 455 x300 | 91:60 | 4 | 6 | 2 |
| 455 x300 | 91:60 | 4 | 4 | 1 |
For the News widget's 47:20 and 91:60 aspect ratios, you may consider using 150ppi for better results. Additionally, the News widget's List view crops images to the center to display in a 1:1 square ratio.
Call to Action Widget Image Specifications
The sizing table below is based on large CTA button sizes. The large text color bar covers the bottom 70px of the image. Images should be the height listed below, with the understanding that the bottom 70px will be fully or partially obscured. For reference, the medium button bar height is 50px, and the small button color bar height is 30px.
| Number of CTA Buttons | Number of CTA Buttons Per Row | Column Size |
Image Dimension (W x H) @96ppi Resolution |
Aspect Ratio |
|---|---|---|---|---|
| 1 | 1 | 8 | 955 x 250 | 191:50 |
| 1 | 1 | 6 | 705 x 250 | 141:50 |
| 1 | 1 | 4 | 455 x 250 | 91:50 |
| 2 | 2 | 12 | 720 x 250 | 72:25 |
| 2 | 2 | 8 | 470 x 250 | 47:25 |
| 2 | 2 | 6 | 345 x 250 | 69:50 |
| 2 | 2 | 4 | 220 x 250 | 22:25 |
| 3 | 3 | 12 | 475 x 250 | 19:10 |
| 3 | 3 | 8 | 310 x 250 | 31:25 |
| 3 | 3 | 6 | 225 x 240 | 9:10 |
| 4 | 4 | 12 | 350 x 250 | 71:50 |
| 4 | 4 | 8 | 230 x 250 | 23:25 |
| 4 | 4 | 6 | 165 x 250 | 33:50 |