背景を動画や配信の画面に置くと、画像の大きさが画面と合わず、拡大や切り取りが必要になることがあります。そこで公開中の画像144枚の大きさを数え、フルHD(1920×1080)と縦長(1080×1920)に置いたときの拡大率と切れる幅を計算しました。この記事は計算結果をもとにした、置き方の目安です。
公開中の144枚は4種類の大きさ
2026年11月4日時点で公開中の48記事には、1記事に3枚ずつ、合わせて144枚の画像が載っています。大きさは4種類です。1376×768が87枚、1024×572が36枚、1408×768が13枚、1024×559が8枚でした(表1)。
| 大きさ(px) | 枚数 | 横÷縦 | 16:9との差 | 含む記事数 |
|---|---|---|---|---|
| 1376×768 | 87 | 1.792 | +0.8% | 32 |
| 1408×768 | 13 | 1.833 | +3.1% | 5 |
| 1024×572 | 36 | 1.790 | +0.7% | 16 |
| 1024×559 | 8 | 1.832 | +3.0% | 3 |
横÷縦の比は1.79から1.83で、16:9(1.78)より0.7〜3.1%だけ横に長い画像です。どれもフルHDの1920×1080より小さいので、画面いっぱいに置くときは必ず拡大になります。
1記事の3枚が同じ大きさなのは40記事で、残る8記事は大きさが混ざっています。夜の画像だけ小さい記事が4件、夕方と夜が小さい記事が3件、夕方だけ小さい記事が1件でした。夜だけ小さい4件は保健室、縁側のある和室、旅館の和室、田んぼの畦道です。8件とも昼の画像は最大の寸法です。混ざった記事では、昼と夜で必要な拡大率が違ってきます。
フルHDに置くときの拡大率と、切れる幅
フルHDのキャンバスに隙間なく置く方法は2つあります。はみ出す部分を切る方法と、全体を収めて黒帯を許す方法です。表2は4種類の大きさで両方を計算した結果です。
| 大きさ(px) | はみ出させる倍率 | 切れる幅(左右の合計) | 全体を収める黒帯(上下の合計) | 1280×720での倍率 |
|---|---|---|---|---|
| 1376×768 | 1.406倍 | 15px(0.8%) | 8px | 0.938倍 |
| 1408×768 | 1.406倍 | 60px(3.0%) | 33px | 0.938倍 |
| 1024×572 | 1.888倍 | 13px(0.7%) | 8px | 1.259倍 |
| 1024×559 | 1.932倍 | 58px(3.0%) | 32px | 1.288倍 |
1376×768は、高さを1080pxに合わせて1.406倍にすると、横が15px(0.8%)はみ出すだけです。黒帯を出さずに済み、失う部分もごくわずかです。一方で1408×768と1024×559は、切れる幅が60pxと58px(約3%)になります。中央でそろえて切ると、左右の半分ずつが欠けます。1408×768は30pxずつ、1024×559は29pxずつです。字幕や立ち絵を置くなら、画面の端から30px以上内側にすると欠けません。
全体を収める方法では、上下に黒帯が出ます。1376×768は合計8px、1408×768は合計33pxで、後者は画面の高さの約3%です。1280×720のキャンバスなら、1376×768は0.938倍の縮小で済みます。1024×572は1.259倍、1024×559は1.288倍の拡大です。
縦長の画面で見えるのは、横幅の3分の1ほど
1080×1920の縦長に、高さいっぱいで置く場合を計算しました(表3)。1376×768なら見える窓は幅432pxで、元の横幅の31.4%です。倍率は2.5倍です。1024×572だと窓は322pxで、倍率は3.36倍まで上がります。
| 大きさ(px) | 縦長の窓の幅 | 元の横幅に占める割合 | 倍率 |
|---|---|---|---|
| 1376×768 | 432px | 31.4% | 2.50倍 |
| 1408×768 | 432px | 30.7% | 2.50倍 |
| 1024×572 | 322px | 31.4% | 3.36倍 |
| 1024×559 | 314px | 30.7% | 3.43倍 |
窓を左・中央・右のどこに置くかで、写る中身は変わります。図2の駅前のロータリー(昼)では、窓に入る輪郭の量が左寄せで34.1%、中央で25.8%、右寄せで35.4%でした。輪郭の量は隣の画素との明るさの差を合計した値のうち、窓に入る分の割合です。この画像では中央がいちばん少なくなります。
1376×768の87枚で同じ測定をすると、中央の窓に入る輪郭の量は全体の22.5〜43.3%で、中央値は31.7%でした。窓の幅の割合(31.4%)とほぼ同じです。中央に見どころが集まるとは限らないので、画像ごとに窓の位置を選んでください。
拡大するほど、輪郭はやわらかくなる
拡大した画像は細い線の縁がやわらかく見えます。その程度を、1376×768の87枚を拡大して測りました。隣の画素との明るさの差の平均を輪郭の鋭さとし、拡大前を100%にしています。
| 倍率 | 主な場面 | 窓に入る元画像の範囲 | 輪郭の鋭さ |
|---|---|---|---|
| 1.00倍 | そのまま | 100.0% | 100% |
| 1.41倍 | 1376×768をフルHDに | 50.6% | 88% |
| 1.89倍 | 1024×572をフルHDに | 28.1% | 74% |
| 2.50倍 | 1376×768を縦長に | 16.0% | 61% |
| 3.36倍 | 1024×572を縦長に | 8.9% | 48% |
図3のように、倍率が上がるほど窓に入る範囲は小さくなり、少ない画素を引き伸ばすことになります。1.41倍では輪郭の鋭さが88%で、違いは小さめです。2.5倍では61%、3.36倍では48%と、半分を下回りました。
同じ縦長に使うなら、1376×768は2.5倍、1024×572は3.36倍が必要です。拡大率が低いほど輪郭が保たれるので、縦長に使う予定があるときは、大きいほうの画像が向いています。
数字は2026年11月4日時点の公開画像のものです。字幕の読みやすさは字幕・タイトルを載せるコツ、時間帯ごとの明るさや色味は昼・夕方・夜の使い分け方で測っています。ほかの使い方は使い方ガイドにあり、素材の使える範囲は利用規約に書いてあります。