Homepage contains blurry thumbnails

[jjohnston-aims]

Describe the bug
In the sample of records at the bottom of the homepage, each record has a thumbnail which is blurry. Inspecting the image I see .jpg?size=320 in the url, however the layout shows the dimensions of the div to be 438px wide.

There is a similar blurry image issue in the homepage gallery div, but we have implemented a workaround by turning this off.

To Reproduce

• docker compose up from https://github.com/geonetwork/docker-geonetwork/tree/main/4.2.9
• create a new record
• Add an overview image
• Save and close
• Go to home page
• Scroll down to grid, see blurry image

Problem also occurs when images are added via Associated resource.

Expected behavior
Images should not be blurry, particularly when larger images are available.

Screenshots

Desktop (please complete the following information):

• Browser Firefox, and Edge
• GeoNetwork Version 4.2.9 (via docker)

[fxprunayre]

We probably need to add a parameter for this small image stored in the index. To be done around https://github.com/geonetwork/core-geonetwork/blob/main/core/src/main/java/org/fao/geonet/kernel/search/index/OverviewIndexFieldUpdater.java#L42

For the mosaic, you can turn it off in UI setting in the admin console (see https://github.com/geonetwork/core-geonetwork/blob/main/web-ui/src/main/resources/catalog/js/CatController.js#L139).