「投稿したら顔が切れてた」「ロゴが見切れた」——SNSの画像トラブルで一番多いのがこれです。
SNSで画像が切れる原因は、じつは3つに絞られます。原因さえわかれば対処は簡単。サクッと理解して、もう失敗しないようにしましょう。
そもそも、なぜ画像が切れるのか
SNSは投稿された画像を自動的にトリミングします。各プラットフォームが「この比率で表示する」というルールを持っていて、それに合わない画像は端を切って表示するんです。
つまり「切れる」のは、あなたの画像の比率がSNSのルールと合っていないからです。
原因① サイズ(比率)が違う
一番多いのがこれ。Instagramのフィード投稿は1:1(正方形)か4:5(縦長)が基本ですが、横長の16:9で作るとかなりカットされます。
| SNS | 推奨比率 | 備考 |
|---|---|---|
| Instagram フィード | 1:1 または 4:5 | 横長は上下が切れる |
| Instagram ストーリー | 9:16 | 縦長が基本 |
| X(Twitter) | 16:9 | 横長が表示される |
| Facebook フィード | 1.91:1 または 1:1 |
NOTE
比率はpx数より重要です。「1080×1080px」より「1:1の比率かどうか」を先に確認しましょう。
原因② セーフゾーンを無視している
同じ比率でも、重要な要素(テキスト・顔・ロゴ)を端に置くと切れることがあります。これはセーフゾーンの問題。
スマホ画面の種類やアプリのバージョンによって表示領域が微妙に変わるので、重要な要素は画像の中心から70〜80%以内に収めるのがセオリーです。
端から10〜15%は「切れても仕方ない領域」と考えて設計すると安全です。
原因③ プロフィールアイコンやサムネイルは「円形カット」される
Instagramのプロフィール画像やYouTubeのチャンネルアイコンは、円形にトリミングされます。
四角いキャンバスの「角の部分」は見えなくなるので、顔や重要な要素は中心に寄せておく必要があります。
二度と失敗しない3つの対処法
1. 作る前に比率を決める
PhotoshopやIllustratorで新規ファイルを作るとき、最初からSNSに合った比率で設定します。後から変えると要素の配置がずれて面倒になります。
2. 実機で必ず確認する
PC画面と実際のスマホ表示は別物です。投稿前にスマホのSNSアプリでどう見えるかを確認する習慣をつけましょう。
3. SNS画像サイズツールを使う
毎回サイズを調べるのが面倒なら、ツールを使うのが一番早いです。SNS別のサイズを一覧で確認しながら設計できます。
NOTE
現場では「SNS用テンプレート」を作っておいてAiやPsに保存しておくと、毎回ゼロから設定しなくて済みます。
SNSで画像が切れる原因は「比率・セーフゾーン・円形カット」の3つ。先に把握しておけばほぼ防げる。
- 比率が違う
各SNSの推奨比率に合わせて最初から作る
- セーフゾーン無視
重要な要素は画像中央の70〜80%以内に収める
- 円形カット
アイコン系は中心に要素を集める
SNSごとの最新サイズが一覧でわかるツールも合わせて使うと、設計がスムーズです。
このサイトの無料ツール
SNS画像サイズメーカー
Instagram・X・YouTube など主要SNSの推奨サイズを一覧で確認できるツール
インストール不要、データはブラウザに自動保存。