@itrabbit/payload-blurhash-plugin
v1.0.6
Published
Payload CMS plugin for automatic Blurhash encoding of images
Downloads
4
Readme
@itrabbit/payload-blurhash-plugin
Payload CMS plugin for automatic Blurhash encoding of images.
Getting started
- Install the package with
npm i @itrabbit/payload-blurhash-plugin
oryarn add @itrabbit/payload-blurhash-plugin
. - Add the plugin to your
payload.config.ts
:
import computeBlurhash from '@itrabbit/payload-blurhash-plugin';
export default buildConfig({
/* ... */
plugins: [
computeBlurhash(),
],
});
Plugin options
Optionally, you can pass the following options to tweak the behavior of the plugin:
export interface BlurhashPluginOptions {
/*
* Array of collection slugs that the plugin should apply to.
* The plugin will apply only utils with `upload` properties.
*/
collections?: CollectionConfig['slug'][];
/*
* Default: blurhash
*/
field?: string;
/*
* Width to resize the image to prior to computing the blurhash.
* Default: 32
*/
width?: number;
/*
* Height to resize the image to prior to computing the blurhash.
* Default: 32
*/
height?: number;
/*
* X component count to pass to the Blurhash library.
* Default: 3
*/
componentX?: number;
/*
* Y component count to pass to the Blurhash library.
* Default: 3
*/
componentY?: number;
}
The defaults are chosen somewhat arbitrarily, they are just values that I've found to work nicely for me.