Генератор заглушек BlurHash

Сгенерируйте компактную строку BlurHash (несколько десятков символов) по изображению, чтобы на время загрузки фотографий показывать размытую заглушку с правильным цветовым градиентом.

Пример:
До 20 МБ. Подходит для любой фотографии.

Для чего нужен BlurHash?

BlurHash — это очень короткая строка, кодирующая сильно сглаженную (размытую) версию изображения: его преобладающие цвета и их примерное распределение. Многие сайты и приложения показывают её как заглушку, пока загружается настоящая фотография (например, Unsplash или Medium), чтобы избежать белой или серой вспышки и создать ощущение более плавной загрузки.

Что означают настройки «горизонтальные/вертикальные компоненты»?

Они определяют уровень детализации, который BlurHash сохраняет по каждому направлению: чем выше значения, тем больше цветовых оттенков и общей структуры изображения сохраняется в декодированном результате, но тем длиннее получается строка. Низких значений (3–4) достаточно для простого превью преобладающих цветов.

Как использовать этот хеш на моём сайте или в приложении?

Храните сгенерированную строку рядом с URL изображения (например, в базе данных), а затем декодируйте её на стороне клиента с помощью библиотеки BlurHash (есть для JavaScript, Swift, Kotlin...), чтобы показывать размытое превью сразу, ещё до загрузки настоящего изображения.

100% локальная обработка: анализ изображения и вычисление BlurHash выполняются целиком в вашем браузере, ваша фотография никогда не отправляется на сервер.