画素(ピクセル) / 画像サイズ / 動画サイズ (動画の解像度) / アスペクト比 / 画面解像度 とは?

画素(ピクセル) / 画像サイズ / 動画サイズ (動画の解像度) / アスペクト比 / 画面解像度 とは?     (テキストと画像での解説)

※ テキストと画像での解説内容は、動画での解説内容と同じものとなっています。

普段、私たちが見ている パソコンのディスプレイ画面 や スマホの画面 というのは、
とても小さなマス目が敷き詰まっていて、
そのマス目1つ1つに 赤・緑・青 などの色を表示することで、
画像や映像が映し出されています。

パソコンやスマホの画面にはマス目が敷き詰まっている
マス目の事を「画素」、または、「ピクセル」(Pixel)という

このマス目1つの事を「画素」(がそ)、
または、「ピクセル」(Pixel) と言います。

※ 画素(ピクセル)の数を表す際には、
「100px」や「50px」というように、
「px」という単位で表記されます。

「px」は「ピクセル」と読みます

画像のデータとは?

画像のデータは画素(ピクセル)に対しての色情報

パソコンやスマホの画面に表示される画像のデータというのは、

縦横に並んでいる画素 (ピクセル) 1つ1つに対しての「色情報」となっています。

※ ペイントなどの画像編集ソフトで画像を拡大すると、
こんな感じで、
画素(ピクセル) 1つ1つに色を付けるデータになっているのが確認できます

画像データと画素(ピクセル)の関係

例えば、上の画像は、
横に150px(150画素)・縦に110px(110画素) の画像なので、

横に150px(150画素)ぶんの色情報と、
縦に110px(110画素)ぶんの色情報を持っている画像データとなっていて、

下の画像は、
横に600px(600画素)・縦に440px(400画素) の画像なので、

横に600px(600画素)ぶんの色情報と、
縦に440px(440画素)ぶんの色情報を持っている画像データとなっています。

画像サイズとは?

縦と横、いくつの画素 (ピクセル) のデータによって作られている画像なのかは、
「画像サイズ」で表されます。

「画像サイズ」は、
「横の画素数 x 縦の画素数」として表されます。

画像サイズとは、画像の縦横の画素(ピクセル)の数を表す言葉

例えば、上の画像のように、横に150px(150画素)、
縦に110px(110画素)ぶんの色情報を持っている画像データの場合、
「画像サイズ」は、
「 150 x 110 」(px) と表されます。

同じように、下の画像は、
横に600px(600画素)、
縦に440px(400画素)ぶんの色情報を持っている画像データなので、

「画像サイズ」は、
「 600 x 440 」(px) と表されます。

画質の劣化

画像というのは、パソコンやスマホ画面の画素1つ1つに対して、
画像サイズの縦横の画素数通りに色情報を与えて表示させるので、

基本的には、「画像サイズ」が大きいほど、
パソコンやスマホの画面に表示される画像が大きくなり、

「画像サイズ」が大きいほど、その画像を画面に表示した際に、
鮮明な画質の画像として表示されます。

画像サイズを四倍に拡大

ただ、元の画像サイズが「150×110」で、
画像編集ソフト や 動画編集ソフトで4倍に拡大して、
「600×440」の画像にした場合、
「600×440」の大きさで
画像が表示されますが、

画像を引き伸ばして拡大すると画質が劣化する

縦横を無理やり引き伸ばして、
「600×440」(px) の大きさにしているだけなので、

画質の劣化が起こり、
ボヤけた画質の画像になります。

拡大した方の画像では画質の劣化が起きている

画像サイズが
元々「600×440」の画像と見比べてみても、
ボヤけた画質になっているのが分かると思います。

ですので、動画などで画像を拡大して使用する場合には、
あまりボヤけないくらいに拡大しましょう。

画像の縮小による画質の劣化

画像を四分の一に縮小

元の画像サイズが「600×440」の画像を、
画像編集ソフトや動画編集ソフトで「1/4」に縮小して「150×110」の画像にした場合、

画像を縮小した際にも画質の劣化が起きる

減少させるピクセル(画素)分のデータを間引く事によって、
画像サイズを小さくするので、

拡大した時と違い、
ボヤけた画質の画像にはなりませんし、
見た感じ画質が奇麗なままですが、

縦横を無理やり縮めて、
「150×110」(px) に小さくしているだけなので、

本来の画質から変化した状態の
画像になっています。

縮小した画像の画質が変化しているのを確認

また、元々「150×110」の画像サイズで作った画像と見比べてみると、
若干、画質が違うのが分かると思います。

画像サイズ と 画像のデータ量(画像ファイルサイズ)

画像サイズが小さいほど画像ファイルサイズは小さくなる
画像サイズが大きいほど画像ファイルサイズは大きくなる

また、「画像サイズ」が大きいほど、
画像ファイルのデータ量も大きくなります。

動画サイズ (動画の解像度) とは?

動画の場合、 縦と横、
いくつの画素 (ピクセル) のデータによって作られている映像なのかは、
「動画サイズ」、
または、動画の「解像度」として表されます。

動画サイズ(動画の解像度)とは

例えば、この動画の映像は、
横に320px(320画素)、
縦に180px(180画素)、
という画素数のデータで作られている映像なので、

動画サイズ (動画の解像度) は、
「 320 x 180 」(px) というように表されます。

動画サイズの拡大縮小による画質の劣化

動画の映像においても、
パソコンやスマホ画面の画素1つ1つに対して、
動画サイズの縦横の画素数通りに色情報を与えて映像を映し出す事になるので、

基本的には、「動画サイズ」が大きいほど、
パソコンやスマホの画面に表示される映像が大きくなり、

「動画サイズ」が大きいほど、
その動画の映像を画面に表示した際に、
鮮明な画質の映像として表示されます。

動画サイズ(動画解像度)を6倍に拡大

ただ、動画の映像においても、
元の動画サイズが「320×180」(px) の映像を、

動画編集ソフトなどで6倍に拡大して、
「1920×1080」の映像にすれば、
映像は「1920×1080」の大きさになりますが、

動画サイズを拡大すると画質が劣化する

縦横に無理やり引き延して、
横に1920px、縦に1080px の 大きさにしているだけなので、

画質の劣化が起こり、
ボヤけた画質の映像になります。

ですので、YouTubeやニコニコ動画などの
動画投稿サイトにアップする目的で動画を作成する際には、
ある程度 大きめの動画サイズで動画の映像を作るようにしましょう。

アスペクト比とは?

「動画サイズ」のアスペクト比には、
特定のアスペクト比が使われます。

「アスペクト比」というのは、
” パソコンやスマホの画面、画像、動画の映像における「横と縦の画素数の比率」 ” 、を意味する言葉です。

画像サイズが「200x200」のアスペクト比

例えば、 「 200 x 200 」 という画像のアスペクト比は 「 1 : 1 」 となり、

画像サイズが「 300 x 200 」 という画像のアスペクト比

「 300 x 200 」 という画像の
アスペクト比は 「 3 : 2 」 となります。

動画サイズ(動画の解像度)で使われているアスペクト比

パソコンやスマホの画面で多いアスペクト比

パソコンのディスプレイやスマホの画面、
液晶テレビ画面のアスペクト比は、

「 16 : 9 」 のアスペクト比になっているものが多い事から、

動画サイズ(動画解像度)のアスペクト比

「動画サイズ」におけるアスペクト比として、
一般的に、 「 16 : 9 」 のアスペクト比が使われます。

ブラウン管テレビやウルトラワイドモニターのアスペクト比

その他のアスペクト比には、
ブラウン管テレビの画面 や タブレット画面に使われる 「 4 : 3 」、

ウルトラワイドモニター画面に使われる「 21 : 9 」といったアスペクト比があります。

YouTubeなどの動画投稿サイトで推奨されているアスペクト比

YouTubeなどの動画投稿サイトでは、
標準のアスペクト比として「 16 : 9 」 が推奨されています。

YouTubeで推奨される動画サイズ(動画解像度)のアスペクト比

ですので、投稿用の動画を作る際の「動画サイズ」は、
アスペクト比が 「 16 : 9 」 の値になるように設定して作りましょう。

「 16 : 9 」 の アスペクト比で使われる 動画サイズ (動画の解像度)

「 16 : 9 」 のアスペクト比では、

  • 3840 × 2160
  • 2560 × 1440
  • 1920 × 1080
  • 1280 × 720
  • 640 × 360

といった値のものが、
「動画サイズ」として使われます。

動画サイズ(動画の解像度)と画質・データ量の関係

「動画サイズ」が大きいほど、
鮮明な画質の映像として表示されるので、
大きい動画サイズにした方が良いのですが、

「動画サイズ」が大きいほど、
動画の映像のデータ量が大きくなります。

動画サイズ(動画の解像度)と画面解像度

また、作成した動画の動画サイズよりも、
パソコンのディスプレイ や スマホの「画面解像度」が小さい場合、

結局、そのデバイス(端末)の「画面解像度」に合わせた映像に縮小されて表示されることになります。

画面解像度とは?

「画面解像度」とは、
パソコンのディスプレイ や スマホ画面 の 横と縦に、
いくつの画素(ピクセル)が有るのかを表す言葉です。

画面解像度とは?

例えば、 横に1920、縦に1080 の 画素(ピクセル) が敷き詰まっているパソコンのディスプレイは、
画面解像度 が 「 1920 x 1080 」 のディスプレイだという事になります。

動画サイズ(動画の解像度)と画面解像度

「画面解像度」 が 「 1920 x 1080 」のパソコンのディスプレイで、

動画サイズ が 「 3840 × 2160 」の動画を再生したとしても、

パソコンのディスプレイに敷き詰まっている横と縦の 画素数(ピクセル数) 自体が、
「 1920 x 1080 」しかないので、

「 3840 x 2160 」の映像を「1/2」に縮小した
「 1920 x 1080 」の映像で映し出されます。

同じように、「 3840 × 2160 」の動画サイズで作った動画を、
YouTubeなどにアップロードしても、

その映像を見るパソコンの画面解像度が「 1920 x 1080 」 だったり、
その映像を見るスマホの画面解像度が「 360(横) x 640(縦) 」だったりする場合、

結局、「 1920 × 1080 」や、
「 360(横) x 640(縦) 」の映像として表示されることになります。

パソコンやスマホの画面解像度のシェア(利用率) と 動画サイズ(動画解像度)の設定

パソコンとスマホでシェアが多いの画面解像度

パソコンのディスプレイモニター や スマホの画面で、
「1920×1080」より高い画面解像度のシェア(利用率)は少ないので、

「 3840 x 2160 」のように、
大きな動画サイズで映像を作ったとしても、
その画質で視聴される事はあまりありません。

動画サイズが「3840x2160」の動画ファイルサイズ

また、「 3840 x 2160 」のように、
大きな動画サイズの場合、
動画のファイル容量がかなり大きくなりますし、

動画サイズ(動画解像度)が大きい時のエンコード時間

動画編集ソフトで、
動画ファイルへ出力する際の、
エンコード(データの変換・圧縮)時間が長くなってしまいます。

動画サイズ(動画の解像度)の設定

パソコンのディスプレイだと、
画面解像度は「 1920 x 1080 」のディスプレイのシェアが多いので、

パソコンのディスプレイで最大表示にして見られる事も想定して、

基本的に、動画サイズは、
「 1920 x 1080 」の大きさに設定して、
映像を作るようにすると良いと思います(^ ^)/

タイトルとURLをコピーしました