Generador de placeholder BlurHash
Genere a partir de una imagen una cadena BlurHash compacta (de unas pocas decenas de caracteres) para mostrar un placeholder desenfocado con el degradado de colores correcto mientras se cargan sus fotos.
¿Para qué sirve un BlurHash?
Un BlurHash es una cadena de caracteres muy corta que codifica una versión de muy baja frecuencia (desenfocada) de una imagen: sus colores dominantes y su distribución aproximada. Muchos sitios y aplicaciones lo muestran como placeholder mientras se carga la foto real (como Unsplash o Medium), para evitar un destello blanco o gris y dar una sensación de carga más fluida.
¿Qué significan los ajustes de «componentes horizontales/verticales»?
Controlan el nivel de detalle que el BlurHash captura en cada dirección: cuanto más altos son los valores, más matices de color y más estructura gruesa de la imagen conserva el resultado decodificado, a costa de una cadena algo más larga. Los valores bajos (3-4) bastan para una simple vista previa de los colores dominantes.
¿Cómo uso este hash en mi sitio o aplicación?
Guarde la cadena generada junto a la URL de su imagen (por ejemplo en su base de datos) y decodifíquela en el cliente con una biblioteca BlurHash (disponible para JavaScript, Swift, Kotlin...) para mostrar la vista previa desenfocada de inmediato, incluso antes de que se descargue la imagen real.
Procesamiento 100% local: el análisis de la imagen y el cálculo del BlurHash se realizan íntegramente en su navegador; su foto nunca se envía a un servidor.