Blurhash

Generiert automatisch einen base64 WebP Platzhalter für Bild-Uploads in Payload CMS.

Community 1 4/Wo. MIT v0.1.0

Installation

pnpm add @nlvogel/payload-blurhash

Über

Das payload-blurhash Plugin ermöglicht es Payload CMS, während des Bild-Uploads automatisch einen kleinen base64 WebP Platzhalter oder 'blurhash' zu erstellen. Dieser Platzhalter dient als sofortige unscharfe Vorschau, während das vollständige Bild geladen wird, und verbessert die Benutzererfahrung. Es ist einfach in Upload-Kollektionen integriert und speichert den blurhash direkt im Upload-Dokument, ohne zusätzliche Anfragen vom Frontend zu benötigen. Das Plugin fügt spezifische Felder für jede Ziel-Upload-Kollektion hinzu, darunter ein schreibgeschützter `blurhash`, horizontale und vertikale Auflösungskomponenten sowie eine Benutzeroberfläche zum Anzeigen und Regenerieren des blurhash. Benutzer können Einstellungen wie Kollektionseinschränkungen und Standardauflösung während der Initialisierung konfigurieren. Zudem steht ein Regenerierungsendpunkt zur Verfügung, um manuelle Aktualisierungen bei Bedarf durchzuführen, was Flexibilität im Umgang mit Bild-Uploads gewährleistet. Die Kompatibilität umfasst Payload Version 3.0.0 oder höher und erfordert Node.js und React in den angegebenen Versionen. Es kann problemlos in bestehende Payload-Projekte integriert werden, um die Bildverwaltung zu verbessern.

Paketinformationen

Paketname
@nlvogel/payload-blurhash
Neueste Version
0.1.0
Entpackte Größe
44 kB
Lizenz
MIT
Wöchentliche Downloads
4
Zuletzt veröffentlicht
29. Apr. 2026

Mehr von nick-vogel

Profil ansehen

Ähnliche Plugins

Mehr in Media