ディザパターンアーチファクトの診断と抑制テクニック

# Floyd 強度探索 (0.5→0.4→0.3)
for v in 0.5 0.4 0.3; do
  pngquant --floyd=$v --quality=80-90 input.png -o out-fs$v.png
done
# Ordered 比較
magick input.png -ordered-dither o8x8 -colors 128 PNG8:out-ordered.png
# 色数 +16 ステップ
for c in 128 144 160; do
  magick input.png -colors $c -dither FloydSteinberg PNG8:out-fs$c.png
done

// scripts/dither-recheck.ts
import { execSync } from 'node:child_process';
import fs from 'node:fs';
import ArticleNextPrev from '@/components/ArticleNextPrev';
const files = process.argv.slice(2);
console.log('file,variant,size,psnr');
for (const f of files) {
  for (const variant of ['fs128','ordered128','fs144']) {
    if (variant==='fs128') execSync(`magick ${f} -colors 128 -dither FloydSteinberg PNG8:${f}-fs128.png`);
    if (variant==='ordered128') execSync(`magick ${f} -colors 128 -ordered-dither o8x8 PNG8:${f}-ordered128.png`);
    if (variant==='fs144') execSync(`magick ${f} -colors 144 -dither FloydSteinberg PNG8:${f}-fs144.png`);
    const out = `${f}-${variant}.png`;
    const psnr = execSync(`magick compare -metric PSNR ${f} ${out} null: 2>&1 || true`).toString().trim();
    const size = fs.statSync(out).size;
    console.log(`${f},${variant},${size},${psnr}`);
  }
}

# 背景 FS 出力
magick ui.png -colors 128 -dither FloydSteinberg PNG8:bg.png
# ロゴ Ordered
magick ui.png -colors 128 -ordered-dither o8x8 PNG8:logo.png
# 透過マスク (mask.png)
magick bg.png logo.png mask.png -compose over -composite out-hybrid.png