Articles have three images that are used for display:

This image is used in the heading of the article page (also called a 'hero image'). This image will also be used in the carousel, popular articles and featured articles sections on the homepage, if those are enabled and an article is added to it. It is also used as the meta image if none is supplied.

The exact recommended size of the large image will depend on the theme your journal uses. The height of the display will always be 648px, but the width will vary per theme: 1100px on the Clean theme, 1200px on the OLH theme, 1477px on the Material theme. For information on image display, cropping and sizing, see Image guidelines. The image will be resized smaller for display on the homepage.

Generally, large, landscape images are recommended to be used for the large image and avoiding images with people or bodies due to potential unexpected cropping.

If no landscape image is uploaded, the Default large image will be used where the landscape image is set to display.

The thumbnail is a small square image displayed on pages listing articles such as the All articles or the Issue articles list. A width-to-height ratio of about 3:4 is recommended. If the image is another size, it will be resized to fit into the box whilst preserving the original image ratio. For an example, see the image below:

Make sure to set a default image that can show when no individual thumbnail is set. This can be done through Images under Journal settings on the Manager dashboard.

The meta image allows you to override the image displayed on social media when the article is shared. If no meta image is supplied, the large image is used, but it may not display correctly due to its size.

The Article images manager is an interface for editing all of the images for a given article. To edit the images for a given article through the Article images manager, click on Edit image.

This page is split into three blocks; one for the large image, one for the thumbnail and one for the meta image.

You can upload an image by:

1. Clicking Choose file.
2. Selecting a saved image
3. Clicking Upload.

Once images are uploaded, the page will look similar to the following:

The large image and thumbnail will display a preview and can be removed by clicking Delete. The meta image will not display a preview and can be removed by checking the Clear box and then clicking Upload.

See also: Image guidelines.