hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

ピクセル(画素)

コンピュータでは、領域をマス目で区切り、ひとつひとつの色を変えることで

様々な画像を表現している。

 

マス目が塗り分けられて表現されるので、

マス目が細ければ細いほど、

多彩な画像と言える。

 

このマス目1つを「1ピクセル(画素)」という。

 

 page4image3581754656 page4image3581755520 page4image3581755712 page4image3581756000 page4image3581756288 page4image3581756576
 

◉ 解像度

  マス目の細かさを示すのが「解像度」と呼ばれる。

  解像度とは、1inch(  2.54cm )に何個のピクセルがあるかを数えたもの。

  単位はppi ( pixel / inch /dpi )。

 

 

 技術の進歩によって、現在はモニターによって

 解像度は様々で、

 つまり、

  1ピクセルの大きさは

  モニターによって変わってしまう。

 

 

◉ ちなみに・・・

  ⚫︎地デジ・・・1440×1080

      画素数:約150万画素

  ⚫︎フルハイビジョン(フルHD)・・・1920×1080
   画素数:約200万画素

  ⚫︎4K・・・3840×2160
      画素数:820万画素

  ⚫︎8K(スーパーハイビジョン)・・・7680×4320
      画素数:3300万画素

  

◉ 1ピクセルの大きさ

  ということで、

  文字の大きさや罫線の太さで使ってきた「px(ピクセル)」も

  この画像におけるピクセルと同じ大きさのことである。 

   CSSに記述してブラウザに表示される1pxが、

  モニターで表現できる最も細い線となる。

 

◉ 画像サイズの縮小での注意点

  画像編集ソフトなどで、画像を縮小すると、

  元々あったピクセルデータが失われる。

  そのため、一度縮小したものを再度拡大すると、画像が劣化する。

 

ps_dpi_1

 

 ps_dpi_1

 

ps_dpi_2