Générateur de placeholder BlurHash
Générez une chaîne BlurHash compacte (quelques dizaines de caractères) à partir d'une image, pour afficher un placeholder flou du bon dégradé de couleurs pendant le chargement de vos photos.
À quoi sert un BlurHash ?
Un BlurHash est une chaîne de caractères très courte qui encode une version très basse-fréquence (floue) d'une image : ses couleurs dominantes et leur répartition approximative. De nombreux sites et applications l'affichent en placeholder pendant le chargement d'une vraie photo (comme Unsplash ou Medium), pour éviter un flash blanc ou gris et donner une impression de chargement plus fluide.
Que signifient les réglages « composantes horizontales/verticales » ?
Ils contrôlent le niveau de détail capturé par le BlurHash dans chaque direction : plus les valeurs sont élevées, plus le résultat décodé conserve de nuances de couleur et de structure grossière de l'image, au prix d'une chaîne un peu plus longue. Des valeurs basses (3-4) suffisent pour un simple aperçu de couleurs dominantes.
Comment utiliser ce hash dans mon site ou mon application ?
Stockez la chaîne générée à côté de l'URL de votre image (par exemple dans votre base de données), puis décodez-la côté client avec une librairie BlurHash (disponible pour JavaScript, Swift, Kotlin...) pour afficher l'aperçu flou immédiatement, avant même que l'image réelle ne soit téléchargée.
Traitement 100% local : l'analyse de l'image et le calcul du BlurHash s'effectuent entièrement dans votre navigateur, votre photo n'est jamais envoyée à un serveur.