Gerador de placeholder BlurHash
Gere uma string BlurHash compacta (algumas dezenas de caracteres) a partir de uma imagem, para exibir um placeholder desfocado com o degradê de cores correto enquanto suas fotos carregam.
Para que serve um BlurHash?
Um BlurHash é uma string muito curta que codifica uma versão de frequência muito baixa (desfocada) de uma imagem: suas cores dominantes e sua distribuição aproximada. Muitos sites e aplicativos o exibem como placeholder enquanto a foto real carrega (como Unsplash ou Medium), para evitar um flash branco ou cinza e dar a impressão de um carregamento mais fluido.
O que significam os ajustes “componentes horizontais/verticais”?
Eles controlam o nível de detalhe que o BlurHash captura em cada direção: quanto maiores os valores, mais nuances de cor e de estrutura geral da imagem o resultado decodificado preserva, ao custo de uma string um pouco mais longa. Valores baixos (3-4) bastam para uma simples prévia das cores dominantes.
Como usar este hash no meu site ou aplicativo?
Armazene a string gerada junto da URL da sua imagem (por exemplo, no seu banco de dados) e decodifique-a no cliente com uma biblioteca BlurHash (disponível para JavaScript, Swift, Kotlin...) para exibir a prévia desfocada imediatamente, antes mesmo de a imagem real ser baixada.
Processamento 100% local: a análise da imagem e o cálculo do BlurHash são feitos inteiramente no seu navegador; sua foto nunca é enviada a um servidor.