BlurHash-Platzhalter-Generator
Erzeugen Sie aus einem Bild eine kompakte BlurHash-Zeichenkette (einige Dutzend Zeichen), um beim Laden Ihrer Fotos einen unscharfen Platzhalter mit dem passenden Farbverlauf anzuzeigen.
Wozu dient ein BlurHash?
Ein BlurHash ist eine sehr kurze Zeichenkette, die eine extrem niederfrequente (unscharfe) Version eines Bildes codiert: seine dominanten Farben und deren ungefähre Verteilung. Viele Websites und Apps zeigen ihn als Platzhalter an, während das echte Foto lädt (zum Beispiel Unsplash oder Medium), um ein weißes oder graues Aufblitzen zu vermeiden und den Ladevorgang flüssiger wirken zu lassen.
Was bedeuten die Einstellungen „horizontale/vertikale Komponenten“?
Sie steuern, wie viele Details der BlurHash in jeder Richtung erfasst: Je höher die Werte, desto mehr Farbnuancen und grobe Bildstruktur bleiben im decodierten Ergebnis erhalten – zum Preis einer etwas längeren Zeichenkette. Niedrige Werte (3–4) genügen für eine einfache Vorschau der dominanten Farben.
Wie verwende ich diesen Hash auf meiner Website oder in meiner App?
Speichern Sie die erzeugte Zeichenkette zusammen mit der URL Ihres Bildes (zum Beispiel in Ihrer Datenbank) und decodieren Sie sie clientseitig mit einer BlurHash-Bibliothek (verfügbar für JavaScript, Swift, Kotlin ...), um die unscharfe Vorschau sofort anzuzeigen, noch bevor das eigentliche Bild heruntergeladen wurde.
100% lokale Verarbeitung: Die Bildanalyse und die Berechnung des BlurHash erfolgen vollständig in Ihrem Browser, Ihr Foto wird niemals an einen Server gesendet.