今日は、ワイドディスプレイの普及とディスプレイの高精細化が進んでいることを考慮して、改めてWebサイトに適切な文字サイズを考えてみましょう。
■ネットブック
液晶 | | ドット | 16pxは | 4.2mmは
サイズ | 解像度 | ピッチ | 何mm? | 何px?
-------|------------|---------|--------|--------
10.2" | 1024×600 | 0.22 mm | 3.5 mm | 19.2 px
10.1" | 1024×576 | 0.22 mm | 3.5 mm | 19.2 px
10.0" | 1024×600 | 0.21 mm | 3.4 mm | 19.6 px
8.9" | 1024×600 | 0.19 mm | 3.0 mm | 22.1 px ☆
■ディスプレイ
液晶 | | ドット | 16pxは | 4.2mmは
サイズ | 解像度 | ピッチ | 何mm? | 何px?
-------|------------|---------|--------|--------
30.0" | 2560×1600 | 0.25 mm | 4.0 mm | 16.6 px
27.0" | 1920×1200 | 0.30 mm | 4.8 mm | 13.9 px
24.0" | 1920×1200 | 0.27 mm | 4.3 mm | 15.6 px
24.0" | 1920×1080 | 0.28 mm | 4.4 mm | 15.2 px
22.0" | 1680×1050 | 0.28 mm | 4.5 mm | 14.9 px
21.5" | 1920×1080 | 0.25 mm | 4.0 mm | 16.9 px
21.3" | 1600×1200 | 0.27 mm | 4.3 mm | 15.5 px
20.0" | 1680×1050 | 0.26 mm | 4.1 mm | 16.4 px
19.0" | 1440× 900 | 0.28 mm | 4.5 mm | 14.8 px
19.0" | 1280×1024 | 0.29 mm | 4.7 mm | 14.3 px
17.0" | 1280×1024 | 0.26 mm | 4.2 mm | 15.9 px
15.0" | 1024× 768 | 0.30 mm | 4.8 mm | 14.1 px
14.0" | 1024× 768 | 0.28 mm | 4.4 mm | 15.1 px
ここから、次のようなことがわかります。
・16pxの文字の表示サイズは2.8mm~4.8mm、4.2mmの表示サイズにするための文字サイズ指定は13.9px~24.3pxと、表示デバイスによって1.7倍の開きがある。
・デスクトップPC用の液晶ディスプレイは、サイトを作る側が想定している文字サイズと大きく変わらない表示になっている。
・ネットブックも文字が小さく表示されがちだが、さほど極端に小さく表示されているわけではない。
・ノートパソコンでは、想定しているよりもかなり小さい文字で表示されている可能性が高い。
続きは会員限定です。無料の読者会員に登録すると続きをお読みいただけます。
- 会員登録 (無料)
- ログインはこちら
関連記事
2009.02.10
2015.01.26
安田 英久
株式会社インプレスビジネスメディア Web担当者Forum編集長
企業のウェブサイト活用やウェブマーケティングに関するメディア「Web担当者Forum」(http://web-tan.forum.impressrd.jp/)を運営しています。