Blurhash
Generiert automatisch einen base64 WebP Platzhalter für Bild-Uploads in Payload CMS.
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 MediaJanitor
Findet verwaiste Uploads und unreferenzierte Dokumente in Payload-Storage und löscht nur die freigegebenen Einträge.
HTML Editor
Fügt Payload CMS 3 ein Tiptap-basiertes HTML-Editorfeld hinzu, das den Inhalt als HTML-String speichert.
Media Search
Integriert die Suche nach Stockbildern und -videos in das Payload CMS.
Aspect Preview
Inline-Crop-, Fokuspunkt- und Live-Vorschau-Editor für mehrere Seitenverhältnisse in Payload-Upload-Collections.
CypherScan
Prüft Uploads in Payload-CMS-Upload-Collections auf Malware und Secrets, bevor sie gespeichert werden, und blockiert verdächtige Dateien über die CypherScan-API.
Decks
Fügt wiederverwendbare Deck-Blöcke für Präsentationen in Payload CMS hinzu.