パッケージ詳細v1.2.0

blurhash

画像のプレースホルダの非常にコンパクトな表現。

AndroidiOSWeb

pub.dev API ドキュメントソースコード

30日間ダウンロード: 2950
いいね数: 79
Pub ポイント: 150

パッケージをインストール

flutter pub add blurhash

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

BlurHash は、短いハッシュ文字列を使用して画像のプレースホルダーを表現するコンパクトで効率的な方法です。実際の画像が読み込まれる前に即座にレンダリングできる低解像度のプレビューを生成し、認識されるパフォーマンスとユーザー体験を向上させます。ハッシュはサイズが小さく、キャッシュや送信に最適です。BlurHash は Android、iOS、Web プラットフォームで動作し、デバイスや環境に関係なく一貫したプレースホルダーのレンダリングを可能にします。ロード時間が顕著になる画像中心のアプリケーションにおいて特に有用です。

用途

画像の読み込みプレースホルダー
プリロードによる視覚フィードバック
認識される読み込み時間を短縮する
オフライン画像プレビュー
ギャラリーにおけるパフォーマンスの最適化
ストリーミングメディアインターフェース

主な機能

ハッシュサイズが小さい
クロスプラットフォーム対応
高速レンダリング
低帯域使用
低解像度での高視覚忠実度
画像ウィジェットとの簡単な統合

適している対象

画像中心のUIを持つアプリ
コンテンツストリーミングプラットフォーム
ソーシャルメディアアプリ
EC商品表示
高速な画像読み込みを必要とするウェブおよびモバイルアプリ

注意事項

完全な画像と比べて詳細が限られている
高精細なプレビューには適していません
クライアント側でのデコードが必要です
一時的なプレースホルダーとして最適
画像の保存や共有には適していません

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

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);
  }
}