質問編集履歴
18
質問3の訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -136,11 +136,11 @@
|
|
136
136
|
|
137
137
|
|
138
138
|
|
139
|
-
OSの解像度と
|
139
|
+
WindowsにはOSの解像度(システムDPI)とモニタの解像度(モニタDPI)の2つあるかと存じます。
|
140
|
-
|
140
|
+
|
141
|
-
Android
|
141
|
+
iOSやAndroidなどのスマホにも別々のDPIがあるなら、それぞれの値を教えていただけると嬉しいです。
|
142
|
-
|
142
|
+
|
143
|
-
確認できるWebサイトや書籍等あれば教えてください。
|
143
|
+
確認できるWebサイトや書籍等があれば教えてください。
|
144
144
|
|
145
145
|
|
146
146
|
|
17
訂正
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
16
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -104,7 +104,7 @@
|
|
104
104
|
|
105
105
|
500pxの画像を表示しても試しましたが、定規で測ると13.25cmあり、96dpiで印刷されました。
|
106
106
|
|
107
|
-
どこで指定した解像度なのか調べるために、OSの解像度を 大(L) にした環境で印刷しましたが、大きさは変わりませんでした。
|
107
|
+
どこで指定した解像度なのか調べるために、[このやり方](http://win.just4fun.biz/Windows%E8%A8%AD%E5%AE%9A%E9%96%A2%E9%80%A3/Windows%207%E3%81%AEDPI%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95.html)で、Windows7のOSの解像度を 大(L) にした環境で印刷しましたが、大きさは変わりませんでした。
|
108
108
|
|
109
109
|
OSの解像度で設定されたものではないとすると、ブラウザ側で96dpiという設定をしているのでしょうか?
|
110
110
|
|
15
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,9 @@
|
|
2
2
|
|
3
3
|
Retina(高精細)ディスプレイへ対応したスマホサイトを作るときは、画像を2倍または3倍で作ればいいよねという程度の知識しかなく、ピクセルやドット、DPI、PPI、解像度まわりについて理解していなかったので、ここ数日調べております。
|
4
4
|
|
5
|
-
私には難解
|
5
|
+
私には難解すぎて、解像度について考えてる夢をみました。
|
6
|
+
|
7
|
+
理解できていないので、寝ても覚めても解像度について考えています。
|
6
8
|
|
7
9
|
いくつか疑問点があり、ご存じの方いればご教示ください。
|
8
10
|
|
14
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -124,7 +124,7 @@
|
|
124
124
|
|
125
125
|
|
126
126
|
|
127
|
-
例えば、Windowsの場合だと[こ
|
127
|
+
例えば、Windowsの場合だと[このやり方](http://win.just4fun.biz/Windows%E8%A8%AD%E5%AE%9A%E9%96%A2%E9%80%A3/Windows%207%E3%81%AEDPI%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95.html)で、OSの解像度を変更することが可能かと思います。
|
128
128
|
|
129
129
|
デフォルトでは小の96dpiになっており、今も変わらないと思うのですが、私の認識は誤りでしょうか。
|
130
130
|
|
13
訂正
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
12
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
Retina(高精細)ディスプレイへ対応したスマホサイトを作るときは、画像を2倍または3倍で作ればいいよねという程度の知識しかなく、ピクセルやドット、DPI、PPI、解像度まわりについて理解していなかったので、ここ数日調べております。
|
4
4
|
|
5
|
-
私には難解で
|
5
|
+
私には難解で解像度について考えてる夢をみました。
|
6
6
|
|
7
7
|
いくつか疑問点があり、ご存じの方いればご教示ください。
|
8
8
|
|
11
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
画像解像度はピクセルの総数のことで、縦横のピクセル数を640px * 480px のように表す。
|
38
38
|
|
39
|
-
ディスプレイやブラウザ上で表示するときにdpiまたはppiは全く関係ない。
|
39
|
+
画像をディスプレイやブラウザ上で表示するときにdpiまたはppiは全く関係ない。
|
40
40
|
|
41
41
|
|
42
42
|
|
10
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -58,8 +58,6 @@
|
|
58
58
|
|
59
59
|
フルHDの場合は、1920px * 1080px のように縦横のピクセル数で表す。
|
60
60
|
|
61
|
-
ppiで表すことは可能だが、関係ない。
|
62
|
-
|
63
61
|
Windows7の場合だと コンパネ > ディスプレイ > 画面の解像度 から変更できるけど、これはディスプレイに描画する解像度の設定。
|
64
62
|
|
65
63
|
ディスプレイは物理ピクセルがあり、フルHD対応のディスプレイの場合は、1920px * 1080px のピクセルが敷き詰められている。
|
9
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -16,7 +16,7 @@
|
|
16
16
|
|
17
17
|
調べている中で、dpiとppiは明確わけるべきという意見も見受けられましたが、この質問の中では、印刷に関するものはdpiと表記し、それ以外はdpiとppiを同義として扱います。
|
18
18
|
|
19
|
-
ディスプレイや画像はピクセルベースのため、ppiと表記するのが適当かと存じますが、AndroidアプリやDPIスケーリングなどdpiが用いられるため同義として扱います
|
19
|
+
ディスプレイや画像はピクセルベースのため、ppiと表記するのが適当かと存じますが、AndroidアプリやDPIスケーリングなどdpiが用いられるため同義として扱います。ご了承ください。
|
20
20
|
|
21
21
|
|
22
22
|
|
8
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,6 +14,12 @@
|
|
14
14
|
|
15
15
|
|
16
16
|
|
17
|
+
調べている中で、dpiとppiは明確わけるべきという意見も見受けられましたが、この質問の中では、印刷に関するものはdpiと表記し、それ以外はdpiとppiを同義として扱います。
|
18
|
+
|
19
|
+
ディスプレイや画像はピクセルベースのため、ppiと表記するのが適当かと存じますが、AndroidアプリやDPIスケーリングなどdpiが用いられるため同義として扱いますのでご了承ください。
|
20
|
+
|
21
|
+
|
22
|
+
|
17
23
|
解像度と一言で言っても下記のように分かれているかと思います。
|
18
24
|
|
19
25
|
|
7
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -48,7 +48,7 @@
|
|
48
48
|
|
49
49
|
######ディスプレイの解像度
|
50
50
|
|
51
|
-
画
|
51
|
+
画像解像度と同じく、ピクセル総数のこと。
|
52
52
|
|
53
53
|
フルHDの場合は、1920px * 1080px のように縦横のピクセル数で表す。
|
54
54
|
|
6
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -202,7 +202,7 @@
|
|
202
202
|
|
203
203
|
|
204
204
|
|
205
|
-
私
|
205
|
+
私は72ppiまたは96ppiでWebサイトをデザインするメリットは、デザインしたものを印刷したときにディスプレイの表示とほぼ同じぐらいの大きさで印刷されるということぐらいかと考えております。
|
206
206
|
|
207
207
|
|
208
208
|
|
5
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -54,11 +54,13 @@
|
|
54
54
|
|
55
55
|
ppiで表すことは可能だが、関係ない。
|
56
56
|
|
57
|
-
Windows7の場合だと コンパネ > ディスプレイ > 画
|
57
|
+
Windows7の場合だと コンパネ > ディスプレイ > 画面の解像度 から変更できるけど、これはディスプレイに描画する解像度の設定。
|
58
|
-
|
58
|
+
|
59
|
-
ディスプレイは物理ピクセル
|
59
|
+
ディスプレイは物理ピクセルがあり、フルHD対応のディスプレイの場合は、1920px * 1080px のピクセルが敷き詰められている。
|
60
|
+
|
60
|
-
|
61
|
+
この一つ一つのピクセルに色情報を与えることで、画面を表示している。
|
62
|
+
|
61
|
-
Windowsの画
|
63
|
+
Windowsの設定で「画面の解像度」を 1920px * 1080px に変更し、ディスプレイの物理ピクセルと同じ数に設定するとドットバイドットで描画される。
|
62
64
|
|
63
65
|
|
64
66
|
|
4
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -54,7 +54,11 @@
|
|
54
54
|
|
55
55
|
ppiで表すことは可能だが、関係ない。
|
56
56
|
|
57
|
-
Windows7の場合だと コンパネ > ディスプレイ > 画像の解像度 から変更できる
|
57
|
+
Windows7の場合だと コンパネ > ディスプレイ > 画像の解像度 から変更できるけど、これはディスプレイに描画する解像度の設定。
|
58
|
+
|
59
|
+
ディスプレイは物理ピクセルもあり、フルHD対応のディスプレイの場合は、1920px * 1080px のピクセルが敷き詰められている。
|
60
|
+
|
61
|
+
Windowsの画像の解像度を 1920px * 1080px に設定するとドットバイドットで描画される。
|
58
62
|
|
59
63
|
|
60
64
|
|
3
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -22,7 +22,7 @@
|
|
22
22
|
|
23
23
|
1インチあたりに幾つのドットで印刷するかを表す。
|
24
24
|
|
25
|
-
dpiの値は、出力のときのみ関係するもので、画像やディスプレイには関係ない。
|
25
|
+
dpiの値は、出力のときのみ関係するもので、画像やディスプレイでの表示には直接関係しない。
|
26
26
|
|
27
27
|
|
28
28
|
|
2
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
スマホサイトを作ったことがありますが、アプリ制作の知識や経験はありません。
|
2
2
|
|
3
|
-
Retina(
|
3
|
+
Retina(高精細)ディスプレイへ対応したスマホサイトを作るときは、画像を2倍または3倍で作ればいいよねという程度の知識しかなく、ピクセルやドット、DPI、PPI、解像度まわりについて理解していなかったので、ここ数日調べております。
|
4
4
|
|
5
5
|
私には難解で夢の中でも解像度について考えております。
|
6
6
|
|
1
訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -166,7 +166,7 @@
|
|
166
166
|
|
167
167
|
viewportとdpiスケーリングは関係ないのでしょうか?
|
168
168
|
|
169
|
-
|
169
|
+
レンダリング前にdpiスケーリングを実施するというのは、もう少し具体的に言うとどのタイミングなのでしょうか?
|
170
170
|
|
171
171
|
Webサイトはサーバーからのレスポンスがあり、ブラウザが解析して描画しているかと思います。
|
172
172
|
|