Detalhes do pacotev1.2.0

blurhash

Uma representação muito compacta de um espaço reservado para uma imagem.

AndroidiOSWeb

pub.dev Documentação da API Código-fonte

Downloads em 30 dias: 3 mil
Curtidas: 79
Pontos Pub: 150

Instalar pacote

flutter pub add blurhash

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

BlurHash é uma forma compacta e eficiente de representar espaços reservados de imagem usando uma string de hash curta. Ele gera uma prévia de baixa resolução da imagem que pode ser renderizada instantaneamente antes da imagem real carregar, melhorando o desempenho percebido e a experiência do usuário. O hash é pequeno em tamanho, tornando-o ideal para armazenamento em cache e transmissão. BlurHash funciona em plataformas Android, iOS e Web, permitindo uma renderização consistente de espaços reservados independentemente do dispositivo ou ambiente. É particularmente útil em aplicativos com muitas imagens onde os tempos de carregamento são perceptíveis.

Casos de uso

Espaços reservados para carregamento de imagem
Feedback visual de pré-carregamento
Reduzindo o tempo percebido de carregamento
Pré-visualizações de imagem offline
Otimização de desempenho em galerias
Interfaces de mídia em streaming

Principais recursos

Tamanho de hash pequeno
Suporte multiplataforma
Renderização rápida
Baixo uso de largura de banda
Alta fidelidade visual em baixa resolução
Integração fácil com widgets de imagem

Indicado para

Aplicativos com interfaces do usuário intensivas em imagens
Plataformas de streaming de conteúdo
Aplicativos de mídia social
Exibições de produtos de comércio eletrônico
Aplicativos web e móveis que precisam de carregamento rápido de imagens

Considerações

Detalhes limitados em comparação com imagens completas
Não adequado para pré-visualizações de alta fidelidade
Requer decodificação no lado do cliente
Melhor usado como espaços reservados temporários
Não destinado ao armazenamento ou compartilhamento de imagens

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

blurhash

Compact representation of a placeholder for an image.

Platform Support

Android	iOS	Web
✔️	✔️	✔️

Usage

To use this plugin, add blurhash as a dependency in your pubspec.yaml file.

Example

void blurHashEncode() async {
  ByteData bytes = await rootBundle.load("image.jpg");
  Uint8List pixels = bytes.buffer.asUint8List();
  var blurHash = await BlurHash.encode(pixels, 4, 3);
}

void blurHashDecode() async {
  Uint8List? imageDataBytes;
  try {
    imageDataBytes = await BlurHash.decode(blurhash, 20, 12);
  } on PlatformException catch (e) {
    throw Exception(e.message);
  }
}