SNS投稿で画像が切れる3つの原因と、二度と失敗しない対処法

「投稿したら顔が切れてた」「ロゴが見切れた」——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つ。先に把握しておけばほぼ防げる。

  1. 比率が違う

    各SNSの推奨比率に合わせて最初から作る

  2. セーフゾーン無視

    重要な要素は画像中央の70〜80%以内に収める

  3. 円形カット

    アイコン系は中心に要素を集める

SNSごとの最新サイズが一覧でわかるツールも合わせて使うと、設計がスムーズです。

このサイトの無料ツール

SNS画像サイズメーカー

Instagram・X・YouTube など主要SNSの推奨サイズを一覧で確認できるツール
インストール不要、データはブラウザに自動保存。

SNS画像サイズメーカーを使う →

jun

グラフィックデザイナー歴8年。印刷・広告・パッケージを中心に活動。制作現場で感じた「ちょっとした不便」を解消するツールを作り、このサイトで公開しています。