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
- 6
- Last publish
- Oct 22, 2023
More from zapal-tech
View profileSimilar plugins
More in MediaBase64 image placeholder
Generates a base64-encoded placeholder image for Payload upload collections and stores it in a text field.
S3 Upload
Routes Payload CMS upload collections to Amazon S3, pushing the original file and every image size variant.
Media Preview
Preview images, videos, audio, and documents directly in the Payload CMS admin panel.
Blurhash
Automatically encodes images in Blurhash format for Payload CMS.
ImageKit
Sync images to ImageKit storage directly from Payload CMS.
Media Gallery
Replaces the Payload media collection list view with justified, masonry, and grid layouts plus a lightbox.