ブラウザとNode.jsで使える画像ピクセル化ライブラリ fast-pixelizer

画像のピクセルアート変換機能を作っている中で、
ピクセル化ロジックだけを切り出して再利用できると便利だと思い、画像ピクセル化ライブラリを作りました。

特徴

• zero-dependency + 小さなパッケージサイズ（約44kB）
• ブラウザとNode.jsの両方で利用可能
• clean / detail の2種類のピクセル化モードをサポート
• 元のサイズを維持するか、低解像度で出力するかを選択可能
• 512×512基準でも数ms単位で処理可能
• ブラウザでWorkerに分離して実行しやすく、重い画像処理でもUIへの負荷が少ない

動作方式

• clean モードは各セルで最も多く現れた色を使うため、境界がくっきりする
• detail モードは各セルの平均色を使うため、グラデーションや質感をより自然に残せる

使用例

import { pixelate } from 'fast-pixelizer'  
  
const result = pixelate(imageData, { resolution: 32 })  
// -> { data: Uint8ClampedArray, width, height }  

リンク

• npm: https://www.npmjs.com/package/fast-pixelizer
• GitHub: https://github.com/handsupmin/fast-pixelizer

気軽に使ってみて、フィードバックをいただけるとうれしいです。 🙂