Format: Webm, Resolution: 1920×1080
I tried to find out how to reduce color banding in GIMP image processing.
I felt that the discomfort of color banding increased depending on the movement and the size of the gradation.In my desktop environment, this movie (webm format) has the same banding as the original .png or .mob (png encoded).
The best is the last one which is deformed manually on GIMP by Warp deforming without dithering. More texture ( star or cirrus clouds in this case ) makes more natural.
In no motion PNG, the 3rd and 4th types have less banding. I think the 4th case is the best, but it has a rougher texture than the third case. In web movie especially different movie size from original(1920×1080), dithering destroyed sky texture. In my desktop player(you can down load this movie), the dithering movie had a flickering issue.

- Gradation01Base.png
- Gradation02Indexed.png
- Gradation03DitherFloydSteinberg.png
- Gradation04DitherBlueCV.png
- Gradation05Deform.png
Sky and lake textures hide color banding
アニメーションソフト(Spine)向けのカラーバンディング対策方法
GIMPの画像処理におけるカラーバンディング(色不足による帯)を軽減する方法を調べてみました。動きやグラデーションの大きさによってバンディングの違和感が大きくなるように感じました。
最後のGIMP上でワープ変形したものが一番良い気がします。ちゃんと巻雲をイメージしたり、星や光彩テクスチャを加えるとより良いかもしれません。ディザリングをするとWeb、特にサイズを変えたものでは画像が乱れます。ディザリングなので当然と言えば当然。
なお、静止画では3・4番目のタイプはバンディングが軽減されています。 4番目のケースがバンディングの軽減ではベストだと思いますが、3 番目のケースよりも質感が粗くなっています。この動画のフォーマットはwebm形式(ダウンロード可能です)で、私の環境ではmob(pngエンコード)もしくはオリジナルのpngと同程度のバンディングでした。
- 元画像(PNG)
- ※元画像と同等のバンディング
- インデックス化
- Step1: 画像→モード→インデックス→カスタムパレット(Web)
- ※色ディザリング:誤差拡散(補正あり)。英語版では「Floyd-Steinberg(Reduced color bleeding)」と表記されている。やはりFloyd-Steinberg最強?
- ディザリング 1
- Step1: 色→ディザリング→Floyd-SteinBerg
- Step2: 画像→モード→インデックス→カスタムパレット(Web)
- ディザリング 2
- Step1: 色→ディザリング→Blue Noise Covariant
- Step2: 画像→モード→インデックス→カスタムパレット(Web)
- 変形2
- Step1: ワープ変形ツール(600px程度)でかき混ぜる。











コメントを残す