表題を見て、どう思われましたでしょうか？
全部的確に説明できる方は読まなくて大丈夫ですw

これらの単語は、画像に対してRetina対応をする方法をググったら、当然のように書いてあったりします。
Web業界の人じゃなくても、普通に知ってそうな単語たちです。

けど、「Retina 画像 対応」などでググったとき、これらの単語は、記事を書く人によって意外と統一感なく使われていたりします・・・。

記事毎に同じことが書いてあっても、統一感がないと心配になってしまいます。

そうならないように、整理しておくことにします。

デバイス

「デバイスとは、コンピューターシステムに接続され、コンピューターの構成要素のひとつと位置づけられる、かつ

一個の構成要素として半ば独立して扱うことの可能な、機器・装置・部品などを総称する言い方である。」

【引用元：IT用語辞典バイナリ】https://www.weblio.jp/content/%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9

なんだか、難しい言い回しですが、とりあえず、「Webが使える装置」ってことはわかりました。

「具体的に何を指してデバイスと呼んでいるかは文脈によって異なる。スマートフォンやモバイルノートPCを「デバイス」と呼ぶこともあれば、ディスプレイ（モニター）、キーボード、マウス、プリンターなどの入出力装置を指してデバイスと称することもある。」

「コンピューターに外部接続する機器・装置はもとより、HDDやSSD、光学ドライブ、CPU、メインメモリ、グラフィックカードといったコンピューター内部における基本構成要素もデバイスに該当する。」

【引用元：IT用語辞典バイナリ】https://www.weblio.jp/content/%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9

「デバイス」って単語は、文脈によっていろいろなモノを示すようです。
個人的に、スマートフォンやモバイルノートPCぐらいしか聞いたことがありませんがw

PC関係を扱っている会社さんのWebサイトを見ても、
iphoneやパソコンを「デバイス」って呼んでいるようです。

なので、「デバイス」って言うと、
普段、私たちが使っている「iphone」「ipad pro」「DELLのノートパソコン」などのことを言ってるんだなって思っておけばよさそうです！

ディスプレイ vs 画面 vs モニター

「ディスプレイとは、文字や図形、グラフィック、動画などを表示する装置のことである。コンピュータの出力装置の一つにあたり、モニターと呼ばれることもある。」

【引用元：IT用語辞典バイナリ】https://www.weblio.jp/content/%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9

画面のことだと思っていましたが、
正確には画面を表示するための「装置」のことらしいです。

2画面で仕事をする時に使う、モバイルディスプレイ（モバイルモニター）なんかを思い浮かべるとイメージしやすいかもしれません。

「モニター」とも呼ぶらしいです。

「ディスプレイ」 ＝「モニター」

ってことでよさげです。

ただ、画面とは書いていません・・・。

そこで、いろいろな人の記事を読んでみたところ、
みなさん、「ディスプレイ」を、「画面」として取り扱っているようです。
共通認識って感じでしょうか。

なので、「ディスプレイ」や「モニター」と書かれていたら、
文脈的に、「画面」と置き換えても問題なさそうです。

正確には、「ディスプレイ（モニター）の画面」と表現するようです。

けど、一般的には、

「ディスプレイ」＝「モニター」＝「画面」

って考えてもよさげです。

画像

「画像とは、描かれた絵や像の総称であり、とりわけ今日においてはデジタルデバイス上で画像ファイルとして扱われる（表示・保存される）データを指す語として用いられる表現である。」

【引用元：IT用語辞典バイナリ】https://www.weblio.jp/content/%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9

ご周知のとおり、私たちがiphoneで撮る「写真」のことっぽいです。
その写真は、画像ファイルのデータとして、保存されてると思います。

画像データには、「ラスター画像」と「ベクター画像」の種類があり、
保存形式では、jpg、png、gifなどがあったような気がします。
これらのお話はPhotoshopさんやIllustratorさんの領域なので、今回は割愛します。

Webデザイナーさんが「画像」って単語を使った時、
その意味は意外と奥が深そうです。