When creating blog articles, the feature image process allows four images to be uploaded for use in various areas of the digital workplace when surfacing the blog article.
Sections in this article:
Feature images
A feature image must meet the following requirements:
- Supported file types include GIF, PNG, and JPG.
- The file size of an image must be less than 3MB.
When the first image has been uploaded to any feature image boxes, it will be uploaded to all four boxes. After the first image is uploaded, select X on any of the images to change it to a different image, which may fit the aspect ratio better.
Edit a feature image
Editing a feature image allows changing its focal point and adding alt text for accessibility purposes.
To set the focal point:
- Select an image box to edit.
- Select and drag the image to change its focal point.
- Select Save.
Once the blog article has been published, the areas of the image outside of the image selection box will be deleted and cannot be restored without re-uploading the image.
To add alt text to the image:
- Select an image box to edit.
- In Alt text, enter a short description of the image.
- Select Save.
Feature images in the digital workplace
When creating a blog article, the four image boxes in the Article Feature Image section correspond to the four common aspect ratios (1:1, 1.85:1, 4.2:1, 7.35:1) used by different widgets, gadgets, blog channels, and blog articles in the digital workplace.
| Aspect Ratios (width:height) |
Location |
| 1:1 |
Blog Articles widget:
- In the widget's Layout tab, the settings are:
-
Select a view: Select Compact.
-
Select an Image Position: Select Beside.
- In the widget's Layout tab, the settings are:
-
Select a view: Select Full.
-
Select an Image Position: Select Beside.
-
Select a feed style: Select Continuous.
- In the widget's Layout tab, the settings are:
-
Select a view: Select Full.
-
Select an Image Position: Select Beside.
-
Select a feed style: Select Cards.
Trending content gadget:
- In the gadget's Display Options, the settings are:
-
Use article feature images for blog articles: Check Enable.
-
Select an image position: Select Beside the content - Left
- In the gadget's Display Options, the settings are:
-
Use article feature images for blog articles: Check Enable.
-
Select an image position: Select Beside the content - Right.
Blog articles in digests:
- The feature image automatically appears in digests.
|
| 1.85:1 |
Content Slideshow widget:
- In the widget's Layout tab, the settings are:
-
Image: Select Beside Content.
|
| 4.2:1 |
Blog Articles widget:
- In the widget's Layout tab, the settings are:
-
Select a view: Select Full.
-
Select an Image Position: Select Above.
-
Select a feed style: Select Cards.
- In the widget's Layout tab, the settings are:
-
Select a view: Select Full.
-
Select an Image Position: Select Above.
-
Select a feed style: Select Continuous.
- In the widget's Layout tab, the settings are:
-
Select a view: Select Compact.
-
Select an Image Position: Select Above.
-
Select a feed style: Select Cards.
Content Slideshow widget:
- In the widget's Layout tab, the settings are:
-
Image: Select Above Content.
- In the widget's Layout tab, the settings are:
-
Image: Select Behind Content.
|
| 7.35:1 |
Channel feed:
- No settings are required to display the feature image in the channel.
Article banner:
- In the blog article, Include Feature Image in published article must be checked.
Trending content gadget:
- In the gadget's Display options, the settings are:
-
Select an image position: Select Above.
- This aspect ratio will also be used when the browser window's viewport is less than 400px wide.
|
Feature image mapping