BlurHash
Generates BlurHash placeholders for images in Payload CMS collections.
Installation
pnpm add @zapal/payload-blurhash-plugin About
This BlurHash plugin for Payload CMS creates lightweight image placeholders to enhance website performance. It integrates directly into the Payload configuration, allowing specification of which collections to enable the plugin for. Upon image upload, it generates a `blurhash` field, providing a visual placeholder while the actual image loads. The plugin allows for configuration options like enabling/disabling based on environment variables, as well as adjusting image dimensions before blurhash generation. Supported collections must be configured in the `payload.config.ts` file, and it ensures a smooth user experience during image loading. While the plugin currently does not support generating blurhashes for resized images, future updates plan to add this feature.
Package info
- Package name
@zapal/payload-blurhash-plugin- Latest version
1.0.7- Unpacked size
- 43 kB
- License
- MIT
- Weekly downloads
- 7
- Last publish
- Oct 22, 2023
Similar plugins
More in MediaMedia Preview
Preview images, videos, audio, and documents directly in the Payload CMS admin panel.
Decks
Adds reusable deck blocks with slide capabilities to Payload CMS.
CypherScan
Scans Payload upload collections for malware and secrets via the CypherScan API and blocks suspicious files before they persist.
Aspect Preview
Inline crop, focal point, and live multi-aspect-ratio preview editor for Payload upload collections.
Media Search
Integrates stock image and video search into Payload CMS admin.
Base64 image placeholder
Generates a base64-encoded placeholder image for Payload upload collections and stores it in a text field.