文字が読めないのは「フォント」より、文字量・太さ・余白・背景の問題です。縮小で潰れる原因をパターンで整理し、見出しを短くする、面で分離する、コントラストを作るなど“直し方の順番”を解説します。

保存したら汚くなる|圧縮劣化の避け方(文字・境界・グラデ)
保存後に画像が汚くなるのは、圧縮で崩れやすい部分(文字の輪郭・境界線・グラデーション・肌)があるからです。崩れやすいパターンを先に知り、形式の選択、面の使い方、縮小チェックの順で劣化を減らす方法を解説します。

編集画面では綺麗なのに、書き出した瞬間に「にじむ」「荒れる」「色が汚い」。この現象は、あなたの作り方が悪いというより、圧縮で崩れやすい要素が入っていることが原因です。
結論:圧縮劣化は「完全に防ぐ」より、崩れやすい場所を守る方が現実的です。順番を決めると失敗が減ります。
| 崩れやすい部分 | 起きること | 対策の方向 |
|---|---|---|
| 文字の輪郭 | にじむ/ギザギザ | 太め/面で分離 |
| 細い線 | 消える/欠ける | 線を太く/線を減らす |
| グラデ | 段差が出る | 差を弱める/面で解決 |
| 肌・髪 | ブロックノイズ | 人物を小さく/背景を静かに |
ポイント:劣化が目立つのは「細かい情報」です。細かいほど崩れます。
形式選びで劣化が変わります。迷ったら以下の考え方でOKです。
結論:文字をJPGで強圧縮すると、輪郭が崩れやすいです。文字が主役なら形式から守るのが早いです。
圧縮に弱いのは「背景が複雑なのに、文字を置いている」状態です。面を敷くと、圧縮が安定します。
コツ:影や縁取りで頑張るより、面の方が自然で劣化に強いです。
グラデの段差は、差が強いほど出ます。差を弱めると目立ちにくくなります。
結論:グラデは“綺麗に見える”反面、圧縮に弱いです。必要な場面だけに絞ると安定します。
劣化は、縮小すると目立ちます。最後に縮小して確認します。
ポイント:編集画面だけで判断すると失敗します。縮小チェックで「実際の見え方」を見るのが一番確実です。
| 失敗 | 原因 | 直し方 |
|---|---|---|
| 文字がにじむ | 細い/背景が複雑 | 太め+面で分離 |
| 線が消える | 線が細すぎ | 線を太く/線を減らす |
| 肌が荒れる | 人物が大きい | 人物を小さく/背景を静かに |
結論:圧縮劣化は、作った後に頑張るより、作る段階で「崩れにくい形」に寄せる方が楽です。
最後に重要なのが画像の利用ルールです。知らないまま使うと後から面倒になりやすいので、最低限を整理します。