套件詳情v1.2.0

blurhash

圖像佔位符的非常緊湊的表示形式。

AndroidiOSWeb

pub.dev API 文件原始碼

近 30 天下載: 2950
喜歡數: 79
Pub 分數: 150

安裝套件

flutter pub add blurhash

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

BlurHash 是一種緊湊且高效的方式，使用簡短的雜湊字串表示圖像佔位符。它能產生圖像的低解析度預覽，可在實際圖像載入前立即渲染，從而提升感知效能和使用者體驗。該雜湊體積小，非常適合快取和傳輸。BlurHash 在 Android、iOS 和 Web 平台上皆適用，可確保在不同裝置或環境下一致的佔位符渲染效果。在載入時間明顯可見的圖像密集型應用中尤為有用。

適用情境

圖像加載佔位符
預加載視覺反饋
減少感知載入時間
離線圖像預覽
畫廊中的效能優化
串流媒體介面

主要特色

哈希大小過小
跨平台支援
快速渲染
低頻寬使用
低解析度下的高視覺保真度
與圖像小部件輕鬆整合

適合對象

圖像密集型使用者介面的應用程式
內容串流平台
社群媒體應用
電子商務產品展示
需要快速載入影像的網頁和行動應用程式

使用建議

與完整圖像相比，細節有限
不適合用於高保真預覽
需要在客戶端進行解碼
最好用作臨時佔位符
不適用於影像儲存或分享

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