oLoveTools
アスペクト比ツールキット

すべての比率と、その代償

数値を2つ入力するだけで、比率、小数値、メガピクセル、そしてその比率が世に呼ばれている名前まで分かります。さらに画像を置けば、9:16の枠がどれだけ食い取るかを正確に確かめられます。

  • 16:9だけでなく1.85:1や2.39:1も認識
  • 切り抜きで失うものを提示
  • アップロードもアカウントも不要
ソース(任意)

計算は入力した数値だけで完結します。ファイルは一切不要です。実際の画像の上で枠を確かめたいときにだけ追加してください。

サイズ

比率を読みやすく保ちます。40なら1998×1080は999:540ではなく1.85:1として返ります。

結果
約分した比率
16:9
16:9 · ワイドスクリーンHD
小数
1.7778
メガピクセル
2.07
向き
横長
入力
1920×1080
そのまま貼れます
CSSaspect-ratio: 16 / 9;
Tailwindclass="aspect-[16/9]"
FFmpegffmpeg -i in.mp4 -vf "scale=1920:1080" out.mp4
FFmpeg letterboxffmpeg -i in.mp4 -vf "scale=1920:1080:force_original_aspect_ratio=decrease,pad=1920:1080:(ow-iw)/2:(oh-ih)/2" out.mp4
ImageMagickmagick in.jpg -resize 1920x1080^ -gravity center -extent 1920x1080 out.jpg
SVG<svg viewBox="0 0 16 9" preserveAspectRatio="xMidYMid meet"></svg>

使い方

01

比率を選ぶ

サイズを2つ入力するか、プリセットから選びます。画面、映画、SNSのフィード、紙のサイズを用意しています。

02

必要なら画像を追加

任意であり、勝手に動くことはありません。ファイルは読み取りボタンを押すまで待機したままです。

03

枠は自分で動かす

ドラッグで移動、ホイールで拡大縮小、押している間は元画像と比較、Altで切り抜きとレターボックスを切り替えられます。

04

結果を持ち出す

CSS、Tailwind、FFmpegの一行をコピーするか、枠に収めた画像をダウンロードするか、別のツールへそのまま送れます。

16:9だけでない映画の比率

単純な最大公約数では1998×1080が999:540になり、誰の役にも立ちません。分母を制限した有理近似なら1.85:1が得られ、誤差も一緒に示されます。

切り抜きが何を壊すかを示す

4000×3000の写真を9:16に収めると58%が失われます。その数字は確定する前に画面に出ており、もう一方の選択肢の帯の厚みも並びます。

エンコーダに安全なサイズ

H.264は奇数の辺を拒み、ハードウェアエンコーダは4や8の倍数を好みます。両辺を2、4、8、16に揃え、比率がどれだけずれたかを確認できます。

置いただけでは何も起きない

置かれたファイルはただ待つだけです。読み取りもデコードも描画もボタンを押してから始まり、手入力の経路にいたってはファイルすら要りません。

枠を動かすのはあなた

ドラッグ、カーソル位置での拡大、押している間の元画像比較、Altでもう一方のモード、Ctrl+Zで最初まで。履歴は1手あたり6つの数値だけを保存し、ビットマップは持ちません。

そのまま次のツールへ

枠に収めた画像をCropSnap、CompressSnap、FormatFlow、WatermarkSnap、SocialBoltへ、ダウンロードと再アップロードなしで送れます。

よくある質問

何かアップロードされますか?+

いいえ。計算は単なる算術で、枠の処理はあなたのタブの中のcanvasで行われます。画像はブラウザがデコードし、ブラウザが書き出します。ページの読み込み後にネットワークを切っても、すべてそのまま動きます。ページには広告があり、ここでサーバーと通信する唯一の要素ですが、あなたのファイルを見ることはありません。

なぜ1998×1080が999:540ではなく1.85:1になるのですか?+

999:540は正確ですが役に立たない答えだからです。最大公約数で割る方法は結果が小さいうちしか役立ちません。それを超える場合は、指定した上限内の分母で最良の分数を探します。映画の1.85:1や2.39:1は実際にそう書かれています。その分数が正確でないときは、誤差が隣に表示されます。

「分母の上限」のスライダーは何をしますか?+

比率がどこまで複雑になってよいかを制限します。低い値は単純で覚えやすい組を強制し、わずかな誤差を受け入れます。高い値は正確さを追い、最後には生の分数を返します。40は良い落としどころで、16:9も4:3も2.39:1も1.414:1もすべて生き残ります。

なぜサイズを2、4、8の倍数に揃えるのですか?+

H.264は幅か高さが奇数のフレームをエンコードできず、多くのハードウェアエンコーダやスケーラーは色差サブサンプリングの都合で4や8の倍数を好みます。丸めると比率がごくわずかにずれるため、そのずれを百分率で表示し、気にするかどうかはあなたが決められます。

「埋める」と「収める」の違いは?+

埋めるは枠いっぱいに広げ、はみ出した部分を切り落とします。収めるは画像全体を入れて帯を足します。上下ならレターボックス、左右ならピラーボックスです。どちらがいくらの代償かをツールがそのまま表示します。切り抜きで失われる割合か、帯の厚みのピクセル数です。Altを押している間は、何も変えずにもう一方を確認できます。

ここで実際に切り抜けますか、それとも計算だけですか?+

両方できます。画像を読み込み、ドラッグで枠を合わせ、ホイールで拡大し、好きな出力幅でPNG、JPEG、WebPとしてダウンロードできます。画像全体を残したい場合は収めるに切り替え、帯を何で埋めるかを選べます。黒、白、透明、あるいは画像自身をぼかした複製です。

ファイルを置くと何か始まりますか?+

いいえ、これは意図的です。ファイルは待機状態のまま、名前とサイズだけを表示します。サイズを読み取るボタンを押すまで何もデコードされず、それまでならいつでも外せます。

iPhoneのHEIC写真が開きません。+

HEICのデコードはブラウザとOSに依存し、デスクトップのブラウザの多くは今も受け付けません。一部のAVIFも同様です。先にJPEGやPNGへ変換してください。このスイートのFormatFlowもローカルで変換できます。変換すればここで読み込めます。黙って失敗するのではなく、形式名を挙げた明確なメッセージが出ます。

結果はそのあとどこへ行きますか?+

望むなら別のツールへ直接送れます。エディタの下のボタンが、枠に収めた画像をCropSnap、CompressSnap、FormatFlow、WatermarkSnap、SocialBoltへブラウザ自身のストレージ経由で渡すので、途中でダウンロードフォルダを経由することはありません。

oLoveToolsスイートの一部
oLoveTools

アスペクト比、比例リサイズ、そして切り抜きの正直な計算を、すべてブラウザ内で。

ファイルが今ある場所で動きます

計算はごく少数の純粋関数、枠の描画はあなた自身のタブの中のcanvasです。画像はブラウザがデコードし、ローカルで描画し、canvas.toBlobで書き出します。画像もサイズもファイル名も送信されることはなく、ネットワークを切っても動き続けます。

これが本当に効く場面

リールにしなければならない横長の写真。16:9のスライドにレターボックスで貼ろうとしている3440×1440のスクリーンショット。書き出しが1279×721なのに1280×720を求めてくるサムネイル規定。フィード用の正方形切り抜きに耐えなければならない2.39:1のポスター。どれも代償を伴う比率の判断であり、その代償こそここで得られるものです。

漏れるものがない

アップロード先そのものが存在しません。はっきり書いておくべき唯一の但し書きは、このページに広告があることです。広告ネットワークは他のサイトと同じように訪問を認識しますが、あなたのファイルを見ることは決してありません。ファイルはタブの外へ出ないからです。タブを閉じれば編集履歴も含めてすべて消えます。

アスペクト比 計算画像を比例リサイズ16:9 比率 計算2.39:1 映画の比率9:16 に切り抜くレターボックス 計算画像サイズ 計算画像からアスペクト比

よくある質問

何かアップロードされますか?

いいえ。計算は単なる算術で、枠の処理はあなたのタブの中のcanvasで行われます。画像はブラウザがデコードし、ブラウザが書き出します。ページの読み込み後にネットワークを切っても、すべてそのまま動きます。ページには広告があり、ここでサーバーと通信する唯一の要素ですが、あなたのファイルを見ることはありません。

なぜ1998×1080が999:540ではなく1.85:1になるのですか?

999:540は正確ですが役に立たない答えだからです。最大公約数で割る方法は結果が小さいうちしか役立ちません。それを超える場合は、指定した上限内の分母で最良の分数を探します。映画の1.85:1や2.39:1は実際にそう書かれています。その分数が正確でないときは、誤差が隣に表示されます。

「分母の上限」のスライダーは何をしますか?

比率がどこまで複雑になってよいかを制限します。低い値は単純で覚えやすい組を強制し、わずかな誤差を受け入れます。高い値は正確さを追い、最後には生の分数を返します。40は良い落としどころで、16:9も4:3も2.39:1も1.414:1もすべて生き残ります。

なぜサイズを2、4、8の倍数に揃えるのですか?

H.264は幅か高さが奇数のフレームをエンコードできず、多くのハードウェアエンコーダやスケーラーは色差サブサンプリングの都合で4や8の倍数を好みます。丸めると比率がごくわずかにずれるため、そのずれを百分率で表示し、気にするかどうかはあなたが決められます。

「埋める」と「収める」の違いは?

埋めるは枠いっぱいに広げ、はみ出した部分を切り落とします。収めるは画像全体を入れて帯を足します。上下ならレターボックス、左右ならピラーボックスです。どちらがいくらの代償かをツールがそのまま表示します。切り抜きで失われる割合か、帯の厚みのピクセル数です。Altを押している間は、何も変えずにもう一方を確認できます。

ここで実際に切り抜けますか、それとも計算だけですか?

両方できます。画像を読み込み、ドラッグで枠を合わせ、ホイールで拡大し、好きな出力幅でPNG、JPEG、WebPとしてダウンロードできます。画像全体を残したい場合は収めるに切り替え、帯を何で埋めるかを選べます。黒、白、透明、あるいは画像自身をぼかした複製です。

ファイルを置くと何か始まりますか?

いいえ、これは意図的です。ファイルは待機状態のまま、名前とサイズだけを表示します。サイズを読み取るボタンを押すまで何もデコードされず、それまでならいつでも外せます。

iPhoneのHEIC写真が開きません。

HEICのデコードはブラウザとOSに依存し、デスクトップのブラウザの多くは今も受け付けません。一部のAVIFも同様です。先にJPEGやPNGへ変換してください。このスイートのFormatFlowもローカルで変換できます。変換すればここで読み込めます。黙って失敗するのではなく、形式名を挙げた明確なメッセージが出ます。

結果はそのあとどこへ行きますか?

望むなら別のツールへ直接送れます。エディタの下のボタンが、枠に収めた画像をCropSnap、CompressSnap、FormatFlow、WatermarkSnap、SocialBoltへブラウザ自身のストレージ経由で渡すので、途中でダウンロードフォルダを経由することはありません。

© 2026 oLoveTools概要

次のステップ

その比率でトリミング CropSnap

Aspect Ratio | アスペクト比計算ツール | 比率・比例リサイズ・切り抜き・レターボックス

どんなサイズのアスペクト比も算出し、コーデックに安全な倍数でリサイズし、9:16の切り抜きが実際に何割を捨てるかを表示します。実際の画像を枠に収めて書き出しも可能。すべてブラウザ内で完結します。

よくある質問

何かアップロードされますか?

いいえ。計算は単なる算術で、枠の処理はあなたのタブの中のcanvasで行われます。画像はブラウザがデコードし、ブラウザが書き出します。ページの読み込み後にネットワークを切っても、すべてそのまま動きます。ページには広告があり、ここでサーバーと通信する唯一の要素ですが、あなたのファイルを見ることはありません。

なぜ1998×1080が999:540ではなく1.85:1になるのですか?

999:540は正確ですが役に立たない答えだからです。最大公約数で割る方法は結果が小さいうちしか役立ちません。それを超える場合は、指定した上限内の分母で最良の分数を探します。映画の1.85:1や2.39:1は実際にそう書かれています。その分数が正確でないときは、誤差が隣に表示されます。

「分母の上限」のスライダーは何をしますか?

比率がどこまで複雑になってよいかを制限します。低い値は単純で覚えやすい組を強制し、わずかな誤差を受け入れます。高い値は正確さを追い、最後には生の分数を返します。40は良い落としどころで、16:9も4:3も2.39:1も1.414:1もすべて生き残ります。

なぜサイズを2、4、8の倍数に揃えるのですか?

H.264は幅か高さが奇数のフレームをエンコードできず、多くのハードウェアエンコーダやスケーラーは色差サブサンプリングの都合で4や8の倍数を好みます。丸めると比率がごくわずかにずれるため、そのずれを百分率で表示し、気にするかどうかはあなたが決められます。

「埋める」と「収める」の違いは?

埋めるは枠いっぱいに広げ、はみ出した部分を切り落とします。収めるは画像全体を入れて帯を足します。上下ならレターボックス、左右ならピラーボックスです。どちらがいくらの代償かをツールがそのまま表示します。切り抜きで失われる割合か、帯の厚みのピクセル数です。Altを押している間は、何も変えずにもう一方を確認できます。

ここで実際に切り抜けますか、それとも計算だけですか?

両方できます。画像を読み込み、ドラッグで枠を合わせ、ホイールで拡大し、好きな出力幅でPNG、JPEG、WebPとしてダウンロードできます。画像全体を残したい場合は収めるに切り替え、帯を何で埋めるかを選べます。黒、白、透明、あるいは画像自身をぼかした複製です。

ファイルを置くと何か始まりますか?

いいえ、これは意図的です。ファイルは待機状態のまま、名前とサイズだけを表示します。サイズを読み取るボタンを押すまで何もデコードされず、それまでならいつでも外せます。

iPhoneのHEIC写真が開きません。

HEICのデコードはブラウザとOSに依存し、デスクトップのブラウザの多くは今も受け付けません。一部のAVIFも同様です。先にJPEGやPNGへ変換してください。このスイートのFormatFlowもローカルで変換できます。変換すればここで読み込めます。黙って失敗するのではなく、形式名を挙げた明確なメッセージが出ます。

結果はそのあとどこへ行きますか?

望むなら別のツールへ直接送れます。エディタの下のボタンが、枠に収めた画像をCropSnap、CompressSnap、FormatFlow、WatermarkSnap、SocialBoltへブラウザ自身のストレージ経由で渡すので、途中でダウンロードフォルダを経由することはありません。

キーワード

アスペクト比 計算, 画像を比例リサイズ, 16:9 比率 計算, 2.39:1 映画の比率, 9:16 に切り抜く, レターボックス 計算, 画像サイズ 計算, 画像からアスペクト比