最初に決めるのは「比率」じゃない
「どこに置くか」。これが先。
YouTubeなのか、Instagramなのか、会議や発表スライドなのか。ここが決まらないまま作り始めると、あとからサイズや配置の調整が増えます。私も公開直前に作り直したことがあり、それ以来、使用先を先に確認しています。
次に基準サイズを決めます。FHDの1920×1080なのか、スマートフォン前提の1080×1920なのか、ほかの用途にも使い回すのか。複数の比率で使う素材は、主役や重要な文字を中央寄りに置くと、縦横変換で切れる可能性を抑えられます。
よく使う比率と具体例
| 比率 | よくある用途 | 実際のサイズ例 |
|---|---|---|
| 16:9 | YouTube 動画、配信サムネ、ワイド資料 | 1920×1080、1280×720 |
| 4:3 | 旧資料、タブレット向け画像、学習用スライド | 1600×1200、1024×768 |
| 1:1 | プロフィール画像、一覧で見せる投稿、商品画像 | 1080×1080、1200×1200 |
| 9:16 | Shorts、Reels、縦長広告、スマホ前提の動画 | 1080×1920 |
よくあるやらかし
YouTube用なのに1:1で作っちゃった
SNS用の1:1素材をYouTubeの通常動画用サムネイルへそのまま使うと、表示面によって余白やトリミングが発生する場合があります。通常動画のサムネイルでは16:9が一般的です。
9:16にしたら文字が見えない
Shortsやリールでは、画面上のUIが映像に重なる場合があります。タイトルやボタンは端へ寄せすぎず、公開前に実際の投稿画面で確認してください。
スライド資料の16:9か4:3か問題
これは映す場所によります。新しめの会議室やオンライン共有なら16:9でまず問題ない。古い教室や会議室だと4:3のこともある。こっちでいくら悩んでも、現地のプロジェクターが何なのかで決まっちゃうので、まずは会場の設備を確認するのが一番確実です。
KatakataLabのアスペクト比計算機でできること
自分でツールを使っていて「もっと手軽に比率が計算できたらいいのに！」と思って作ったのが、このKatakataLabの計算機です。
💡 主な機能
- 高さを自動計算：横幅と比率を入力すると、比率を保つために必要な高さを計算します。
- 基準サイズから派生サイズを出し直せる：16:9から1:1など、プリセットを切り替えて必要なピクセルを出し直します。画像の切り抜きそのものはしません。
- 手元の画像から比率を逆算：縦横のピクセル数を入力すると、比率と近い定番比率を表示します。
🙌 こんな場面に向いています
ブログのアイキャッチ、YouTubeのサムネイル、資料作成などで、比率を保ったまま画像サイズを調整したいときに使えます。手計算の回数を減らし、複数サイズを比較しやすくなります。
用途別の出発点（よく使う組み合わせ）
| 用途 | 出発比率 | 例（幅を先に決める） | 注意 |
|---|---|---|---|
| 通常の動画・横長サムネ | 16:9 | 幅 1280 → 高さ 720 | 顔や文字を端に寄せすぎない |
| 正方形の投稿枠 | 1:1 | 幅 1080 → 高さ 1080 | 重要な要素を中央寄りに |
| 縦型ショート系 | 9:16 | 幅 1080 → 高さ 1920 | 上下のUIで隠れる領域を意識 |
| 資料・投影（古い環境） | 4:3 | 幅 1024 → 高さ 768 | 会場指定があればそれに従う |
数値は出発点です。各サービスの推奨ピクセルは更新されることがあるため、公開前に公式の画像サイズ案内も確認してください。
切り抜き事故を減らす手順
- 掲載先の比率を決める（16:9 / 1:1 / 9:16 など）。
- アスペクト比計算機で幅または高さから不足側を出す。
- 重要な文字・顔・ロゴが端に来ない構図にする。
- 可能ならスマートフォン幅でプレビューし、端の切れを見る。
- 複数サイズが必要な場合は「マスターを広く作り、用途ごとに切り出す」方が再作業が少ない。
「高解像度だから大丈夫」は、比率ミスマッチの解決にはなりません。解像度と比率は別問題として扱います。
よくある質問
Q. 16:9と4:3、迷ったら？
A. YouTubeの通常動画や現在のPC向け資料では16:9が一般的ですが、Shortsなどの縦長動画は9:16、古い投影設備では4:3が必要な場合があります。公開先や会場の推奨仕様を確認するのが確実です。YouTube公式ヘルプは、通常のカスタムサムネイルでは16:9が多く使われると案内し、縦長動画では一部画面で4:5の自動生成サムネイルに置き換わると注記しています。
Q. サイズを大きくすれば比率の問題は解決する？
A. 解決しません。解像度と比率は別の要素です。4Kで作っても比率が合わなければ、表示先によってトリミングや余白が発生する場合があります。
Q. 手元の画像の比率が分からないときは？
A. 計算機に縦横ピクセルを入れて逆算できます。近い定番比率が出たら、その比率で切り出すか、余白を足して合わせるかを決めます。
Q. 複数SNSに同じ画像を使うとどうなる？
A. 比率が違う枠では端が切れたり余白がついたりします。マスターを広めに作り、用途ごとに切り出すか、主要プラットフォームごとに別サイズを用意する方が安全です。実例の流れは実例集も参照してください。
更新日: 2026年8月4日 / 作成者: かたかた
計算機の結果をどう使うか
ツールが出す高さや幅は、入力した比率と基準辺から求めた計算値です。次の点だけは人間が決めます。
- どの掲載先の比率を採用するか（公式の推奨が更新されていないか）
- 重要な被写体が中央の安全域に入っているか
- 文字アウトラインが端のUIに被らないか
- 書き出し後のファイルが、実際の投稿画面でどう見えるか
KatakataLabは「比率の出発点」を速く出すための道具です。最終的な見た目の合格は、投稿先のプレビューで判断してください。
1枚のマスター画像から複数比率を作る流れ
同じ告知を YouTube・正方形投稿・縦型ショートに使うとき、最初から用途別ファイルを3枚描くとコストが上がります。KatakataLabでは次の順で作ることが多いです。
- いちばん広い比率（多くは16:9）で主役と文字を中央寄りに配置したマスターを作る。
- アスペクト比計算機で 1:1 と 9:16 のピクセルを出し、切り出し枠を仮決めする。
- 各枠で「顔・ロゴ・日付」が欠けないかだけを先に確認する。
- 欠けそうなら、マスター側で要素を中央へ寄せてから、もう一度切り出す。
- 書き出し後は、投稿先の下書きプレビューで端のUI重なりを見る。
ポイントは「計算が合っているか」より「切り出しても主役が残るか」です。比率表は出発点で、構図の合格判定はプレビュー側にあります。
公開前の5分チェック
| 見る場所 | OKの目安 | NGになりやすい例 |
|---|---|---|
| 比率 | 掲載先の指定と一致 | Shorts用なのに16:9のまま |
| 中央の安全域 | 顔・文字が端に寄っていない | タイトルが左端で縦切りに負ける |
| 余白 | 枠いっぱいに詰め込みすぎない | 四辺ギリギリで圧縮時に欠ける |
| 実機プレビュー | スマホ幅で読める | PCでは綺麗、スマホでは切れる |
| ファイル名と用途 | 用途が分かる名前 | final2.png がどれか分からない |
この5つを通してから公開すると、作り直し回数が減ります。実例集のアスペクト比の例と同じ入力で一度通すと、手順の感覚も掴みやすいです。
このガイドの限界
SNSや動画サービスの推奨サイズは更新されることがあります。ここで示した数値は、作業の出発点として使う前提です。最終判断は、各サービスの公式ヘルプと、投稿直前のプレビューを優先してください。計算ツールはブラウザ内でピクセルを求めるだけで、掲載先の審査や圧縮結果までは保証しません。