Generate and store BlurHash strings for images upon upload in Directus, enhancing visual loading experiences.
Directus Blurhasher is a fantastic extension designed to enhance the Directus experience by automatically generating blurhash strings for images upon their upload. This tool not only streamlines the process of managing images but also offers customizable options to ensure the generated blurhashes meet your project's specific needs. With its capabilities, users can enjoy both efficiency and flexibility in handling image data.
The ability to generate and store blurhash strings means that developers can significantly improve the performance and visual appeal of their applications. By providing a way to easily represent images while they load, Directus Blurhasher ensures that users have a visually engaging experience right from the start.
Automatic Blurhash Generation: Automatically generates and stores blurhash strings for images when they are uploaded, simplifying the workflow.
Customizable Detail Levels: Choose from three detail levels (Low, Medium, High) for blurhash generation, allowing you to balance quality and performance.
Existing Image Support: Easily generate blurhash strings for images that have already been uploaded to the system, ensuring comprehensive coverage.
Automatic Migration: The extension handles automatic migration upon installation, making setup effortless.
Integrated Storage: Adds a blurhash field to the directus_files collection, enabling centralized management of generated blurhash strings.
Configurable Settings: Access specific settings in the Directus admin panel for control over blurhash generation processes, including enabling generation on restart.
Performance Flexibility: The level of detail selected directly influences the speed of blurhash generation and the complexity of the resulting strings, allowing for tailored performance.
Compatibility: Tested on Directus version v10.0.0 and compatible with earlier versions, ensuring accessibility for various setups.
A website that uses Directus as an open source headless CMS to manage content. This includes features such as a customizable content model, role-based access control, and API-based content delivery to support a wide range of digital experiences.
Recoil is a state management library for React that provides an intuitive and flexible API for managing and sharing state across components. It supports a range of features, including derived state, asynchronous updates, and time-travel debugging, and is designed to work well with the React ecosystem and other state management solutions.