Tarayıcı ve Node.js’te kullanılan görüntü pikselleştirme kütüphanesi fast-pixelizer

Görüntüyü piksel art’a dönüştürme özelliği geliştirirken,
pikselleştirme mantığını ayrı olarak bölüp yeniden kullanılabilir hale getirebilmenin iyi olacağını düşünerek bir görüntü pikselleştirme kütüphanesi oluşturdum.

Özellikler

• zero-dependency + küçük paket boyutu (yaklaşık 44kB)
• Hem tarayıcıda hem de Node.js’te kullanılabilir
• clean / detail olmak üzere iki pikselleştirme modunu destekler
• Orijinal boyutu koruma veya düşük çözünürlüklü çıktı seçeneği
• 512×512 temelinde bile birkaç ms içinde işlenebilir
• Tarayıcıda Worker ile ayırıp çalıştırmak kolay olduğu için ağır görüntü işlemede bile UI üzerindeki yük düşüktür

Çalışma şekli

• clean modu, her hücrede en sık görülen rengi kullanır; bu sayede sınırlar daha nettir
• detail modu, her hücrenin ortalama rengini kullanır; bu sayede gradyanlar ve doku biraz daha doğal korunur

Kullanım örneği

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

Bağlantılar

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

Rahatça deneyin, geri bildiriminizi bekliyorum. 🙂