アスペクト比計算

片方の辺からもう片方のピクセルを出します。画像ファイルの読み込みや切り抜きはしません。ピクセル計算と枠プレビューの道具です。

:
🔗
×

枠プレビュー

16 : 9
1920 × 1080

幅・高さは入力欄を離れると整数pxに四捨五入します。

💻 開発用スニペット:

アスペクト比計算の使い方

このページの用事は、片方の辺からもう片方のピクセルを出すことです。画像ファイルの読み込みや切り抜きはせず、入力した数値の計算と枠プレビューだけを行います。

💡 クイック使い方とポイント

比率と片方のサイズを入力すると、もう片方を自動計算します。初期状態は「比率固定 ON」です。Monitor / Phone / Cinema の装飾枠プレビューで仕上がりサイズ感も直感的に確認できます。

📘 あわせて読みたい実践ガイド: YouTube・SNS・資料作成での比率の選び方を整理しています。
ガイドを読む →

🧪 実際の入力で確認した結果

確認日: 2026年7月22日(Windows版Chrome)

  • 入力: 比率16:9、横幅1,200px。
  • 結果: 高さ675px(1,200 ÷ 16 × 9)と表示され、プレビューも16:9へ更新されることを確認しました。
  • 確認範囲: 比率計算と画面プレビューまでです。SNS側の自動トリミングや媒体ごとの安全域は変わるため、公開先でも最終確認してください。

KatakataLabの検証方法を見る → | 入力・出力の実例集を見る →

📐 よく使われるアスペクト比・解像度まとめ(16:9・4:3・1:1・9:16・4:5・黄金比) ▼

16:9(ワイド)

YouTubeの通常動画やワイド画面向けの映像などで、よく使われる比率です。

  • FHD (Full HD): 1920 x 1080
  • HD: 1280 x 720
  • 4K: 3840 x 2160

4:3(スタンダード)

アナログテレビやiPadなどのタブレット端末で見られる比率です。スライド資料(PowerPoint)の旧標準サイズとしても使われます(例: 1600px幅の4:3資料を作る場合は1600 x 1200)。

  • よくあるサイズ: 1600 x 1200, 1024 x 768

1:1(スクエア)

Instagramのフィード投稿やアイコン画像などで使われる正方形の比率です。

  • よくあるサイズ: 1080 x 1080

9:16(縦長動画)

YouTubeショート、TikTok、Instagramリールなどのスマホ全画面動画に使われる比率です。

  • FHD縦: 1080 x 1920

4:5(縦長)

一部のSNS投稿や縦長コンテンツで使われる比率です(例: 1080 x 1350)。

黄金比(約1:1.618)

黄金比はデザインで参照される比率のひとつです。用途に合わせて判断してください。

よくあるミスと注意点

サイズだけ大きくしても、比率が違えば表示時にトリミングや余白が発生します。複数媒体へ転用する場合は、主役を中央寄せにして作成し、安全域を広めに取るのが基本です。

📖 操作説明とよくある質問 (FAQ) ▼

幅を変えると高さが出る

比率が入っている状態で幅(Width)を入れると、高さ(Height)を自動計算します。高さを先に入れると、幅がそれに合わせて出ます。プリセットを押すと比が入り、いまの幅を基準にもう片方のピクセルを出し直します。

初期状態ではサイズを入れても比は固定

「比率固定 ON」のあいだは、幅や高さを変えても比欄はいま選んでいる比率のままです。黄金比など小数の比も固定中は整数比に化けません。ピクセルは整数に丸めます。「比率固定 OFF」にすると、幅と高さから比を追従して出し直します。

「入力サイズから比率を逆算」ボタンの意味

いま入っている幅と高さから、最大公約数で比を出し直し、比率固定を OFF にします。サイズ入力のあと、比へ明示的に戻したいときに使います。画像ファイルを読み込んで比を検出する機能ではありません。

Q. 画像ファイル自体のリサイズや切り抜きはできますか?

A. いいえ。このツールは比率とピクセルの計算ツールです。画像ファイルをアップロードしたり外部サーバーへ送信することはありません。

Q. Monitor / Phone / Cinema の装飾枠は何ですか?

A. 計算した比率をモニター風・スマホ風・シネマ風の枠に入れて見た目のバランスを確認するためのプレビューです。