SNSやブログで画像サイズが違うのは「表示場所」と「切り抜き方」が違うからです。画像AIで作った画像が切れる・崩れる・読めないを防ぐために、媒体ごとの考え方と、先に決める順番(比率→安全エリア→文字)を整理します。

画像サイズの基礎|SNS・ブログで崩れない考え方(画像AI制作の前提)
画像AIで作った画像が切れる・潰れる・読めない原因は、サイズの決め方にあります。SNS・ブログで崩れないための考え方、用途別の決め方、失敗しやすいポイント、作り直しを減らす手順を整理します。

画像AIでいい感じの画像が出ても、投稿やサムネに使った瞬間に崩れることがあります。よくあるのが次のパターンです。
結論:画像は「作ってからサイズ調整」ではなく、最初にサイズ(=使われ方)を決めてから作る方が、手戻りが減ります。
サイズの話は「横×縦(px)」だけに見えますが、実務では次の3点が重要です。
| 見るポイント | 意味 | ここがズレると起きること |
|---|---|---|
| 表示される比率(縦横比) | どこが切れるかが決まる | 意図しないトリミング |
| 実際の表示サイズ | スマホでどれくらい小さく見えるか | 文字が読めない |
| 余白(安全エリア) | 切れても困らない領域を作る | 端の文字・ロゴが死ぬ |
覚え方:「比率→表示→安全エリア」の順に考えると、サイズで迷いにくくなります。
サイズの数字を探す前に、用途を決めます。用途が決まると、比率がほぼ決まります。
ポイント:用途が違うのに同じ比率で作ると、必ずどこかで崩れます。まず「どこに出すか」を確定させます。
同じ画像でも「端に重要情報を置かない」だけで事故が減ります。これが安全エリアです。
実務の目安:「上下左右に少し余白がある」くらいで十分です。完璧な数値より、切れて困らない設計が大切です。
| 失敗 | 起きる理由 | 直し方 |
|---|---|---|
| 文字が潰れる | 表示が小さい/文字が細い/余白不足 | 文字を減らし、太くし、余白を増やす |
| 切れる | 比率が合っていない/端に情報がある | 比率を合わせ、安全エリア内に置く |
| 主役が小さくなる | 後からトリミングしている | 最初に比率を決め、主役を大きく配置 |
| 量産できない | 毎回サイズからやり直している | よく使う比率を固定し、テンプレ化する |
サイズの悩みは、「比率」か「安全エリア」か「表示サイズ」のどれかに原因があります。ここを当てれば直すのは速いです。
最後に、毎回迷わないための決め方を手順にしておきます。