PPI/DPIの誤解を解く：レイアウト倍率と安全な画像配置

1.5 よくある誤解と事実

• 誤解: PPI=300に設定すれば高画質になる → 事実: 画素数が不変なら変化なし。
• 誤解: 200%拡大でも300ppiならOK → 事実: 200%は実効ppiが半減します。
• 誤解: 印刷DPI=画像PPIに合わせるべき → 事実: ハーフトーンやレンダラが仲介します。

1. PPI と DPI の役割

• PPI: 画像ファイルのピクセル密度の仮定。画素数は増えない。
• DPI: 出力装置（プリンタ等）のドット密度。
• 実効解像度 = 画像の画素数 ÷ 仕上がり寸法（倍率の関数）。

2.5 倍率と実効ppiの関係式（早見）

// layoutScale: 100%=>1, 50%=>0.5, 200%=>2
export function effPpiAtScale(px:number, mm:number, layoutScale:number){
  const base = px / (mm/25.4); // 100%時
  return Math.round(base / layoutScale);
}
console.log(effPpiAtScale(3000, 200, 2)); // 200%配置 -> 190ppi

配置倍率は必ず数値化し、拡大時の劣化を早期に把握します。

2.6 単位変換ヘルパ（px/mm/inch）

export const mmToPx = (mm:number, ppi:number) => Math.round((mm/25.4)*ppi);
export const pxToMm = (px:number, ppi:number) => +(px/ppi*25.4).toFixed(1);
export const inchToMm = (inch:number) => +(inch*25.4).toFixed(1);
export const mmToInch = (mm:number) => +(mm/25.4).toFixed(2);

2. 実効ppiの計算（倍率で変わる）

// 実効ppi = (ピクセル寸法 / 仕上がり寸法[inch])
export function effPpi(px:number, mm:number){ return Math.round(px / (mm/25.4)); }
// 例: 幅 3000px を 200mm で配置 -> 381ppi
console.log(effPpi(3000, 200));

拡大配置の常用は避け、必要なら元画像の画素数を増やす/代替素材を検討します。

3.5 トリミングと余裕（ヘッドルーム）

• 本番トリミングを想定し左右上下 3–5mmの余裕画素を確保。
• 傾き補正/アミ抜きで外周劣化 → 仕上がりから外側に余白を持つ素材が安全。
• 余裕が無い時は縮小配置で実効ppiを稼ぐ。

3. 安全な配置ルール（短冊）

• 写真/誌面: 100%配置で 150–300ppi（長距離用途は 100–150ppi）。
• UI/細文字: 200ppi 以上を目安。厳密用途は 300ppi。
• 拡大配置の常用は避ける（1.25x までを限度の目安）。

4.5 アプリ運用Tips（InDesign/Illustrator）

• リンクパネルの実効解像度を列に追加（監視を習慣化）。
• 拡大が避けられない場合は画面表示を100%で粗探し → 元画像の再準備を検討。
• 書き出し時はカラー変換と圧縮の順序に注意（sRGB/CMYK設計）。

5. ケーススタディ：A5→A4、余白トリミングあり

1. 元画像 4000×2667px を 210×148mm（A5横）に原寸配置 → 実効約483ppi。
2. A4横（297×210mm）に拡大配置（141%） → 実効約342ppi。余白5mmトリミング後でも実用域。
3. さらに見開きへ拡大（200%相当） → 実効約241ppi。誌面なら許容、UI/細字には再考。

4. ワークフロー（判断手順）

1. 仕上がりサイズと観察距離を確認 → 目標実効ppiを設定。
2. 配置倍率を決める（25/50/100%）。拡大は極力避ける。
3. 不足は再サンプリング or 代替素材、過剰は縮小＋弱シャープ。

6. 公開/入稿前チェック

• 倍率含めた実効ppiが基準内
• 細文字/UIにじみ無し（等倍確認）
• リング/段差が出たら縮小比/前処理見直し

7. NG集（やりがちな失敗）

• PPIだけ300に変更して入稿 → 見た目は変わらず、拡大配置で劣化は継続。
• 十分な画素があるのに過剰dpiで入稿 → 容量/処理時間だけ悪化。
• 細字/罫線を拡大配置で使う → にじみ/段差のリスク増。