PNGとWebPロスレスの比較—どちらを使う？
UI/スクショはWebPロスレスが平均20〜35%小。色数が極端に少ない場合はPNG（インデックス）も有効。
スクリーンショット最適化
文字のにじみを避けつつ容量を最小化するための要点を、実務視点でまとめました。下のガイドに加え、厳選記事をキュレーションしています。
まずやること（5分で完了）
- 色空間：キャプチャ後は sRGB固定。
- 解像度：表示幅の2×で書き出し（Retinaでの文字鮮鋭を確保）。
- フォーマット：UI/文字中心はPNGまたはWebPロスレス、写真混在はWebP/AVIF。
- 圧縮：PNGはインデックス化（64〜128色）+ 適度なディザ。
- 表現：アンチエイリアスの強いUIはOrderedディザが安定。
詳しいガイド
関連記事
PNGインデックスカラー＆ディザリング徹底ガイド
パレット設計（1/2/4/8bit）とFloyd–Steinberg/Ordered/Sierraの選び方、CLIレシピとチェックリスト。
スクショ最適化：文字を滲ませない最短手順
sRGB固定・2倍解像度・フォーマット選択・インデックス/ディザの実務。
スクリーンショットPNG最適化の完全版
PNGロスレスの最小化。色数/ディザ/圧縮の勘所と自動化レシピ。
FAQ
テキストが滲むのはなぜ？
4:2:0の色サブサンプリングや過度な圧縮が原因。WebPロスレス/PNG、またはAVIF 4:4:4を試す。
PNGとWebPロスレスのどちらが良い？
色数が少ないUIはPNG、写真混在や大きなスクショはWebPロスレスが小さくなりやすい。