A customizable image preview display for Directus
npm install directus-extension-custom-image-previewA Directus extension that allows you to display customizable image previews.

- Display as circle
- Preserve aspect ratio
- Display checker background for transparent images
Install the extension from the Directus Marketplace. See the Official Guide for more information.
Or if you prefer to install manually:
``bash`
npm install directus-extension-custom-image-preview
Select the "Image Preview" display in the "Display" section of the field settings.
- Preserve aspect ratio: Preserves the aspect ratio of the image (cannot be used together with "Display as circle").
- Display checker background: Displays a checker background behind the image, useful for transparent images.
- Display as circle: Displays the image as a circle (cannot be used together with "Preserve aspect ratio").

$ npm install --legacy-peer-deps
$ npm run dev`