dpiのおはなし

1.1K Views

December 24, 22

スライド概要

ssmonline #29 LT資料

profile-image

ソフトウェア技術者 / インフラ技術者 / セキュリティ技術者

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

dpiのおはなし @silpheed_kt Keiichi Tanaka ssmonline #29 2022/12/19

2.

dpiのおはなし 自己紹介 @silpheed_kt Keiichi Tanaka • • • • • 少しPM 少しプログラマー 少しインフラエンジニア 少しネットワークエンジニア サイバーセキュリティ系の何か Twitterは鍵垢です。 ssmjpのSlackでは主に #music にいます。 Mastodon : @[email protected] ssmonline #29 2022/12/19

3.

dpiのおはなし はじめに • 本LTは録音、録画、SNS投稿OKです • 本LTの内容は無保証です • 個人の見解です(所属する組織等のそれではありません) • 以前少しだけ出版関係の職にいましたが基本素人です • 視覚障害者(弱視)の立場で書いているので、印象は大きく異なる可能性があります ssmonline #29 2022/12/19

4.

dpiのおはなし dpiとは dots per inchの略で、1インチ(1平方インチではない)の幅の中にどれだけのドットを表現できるかを表す。[ 出典:Wikipedia https://ja.wikipedia.org/wiki/Dpi 1インチ=25.4ミリメートル ssmonline #29 2022/12/19

5.

dpiのおはなし 推奨されるdpi 印刷物 → 300~1200dpi 印刷物の解像度は、通常最低でも300dpi、一般的には1200dpi程度であることが望ましい。 出典:一般社団法人 日本印刷産業連合会 印刷用語集 http://www.jfpi.or.jp/webyogo/index.php?term=3218 PC → 72dpi 通常、良好な視認結果を得られるドット密度としては、コンピュータ用ディスプレイにおいては72dpiから 96dpi程度が想定されている場合が多い。 出典:Wikipedia https://ja.wikipedia.org/wiki/Dpi 以降、dpiはppi(pixels per inch)と同義で扱います(1ドット=1ピクセルとします)。 ssmonline #29 2022/12/19

6.

dpiのおはなし dpiが低いPCでなぜ文字が読めるのか dpiが低くても文字と認識できる工夫=フォント 例:NEC PC-6001mkⅡ アルファベット、数字=8×8ドット 教育漢字=16×16ドット フォントレンダリングの工夫 フォントそれ自体の差異(太字、ゴシック体) etc ... → きちんと理解できていないのでここでは割愛 出典:PC6001V http://papicom.net/p6v/index.html 印刷物の文字とPCで表示される文字は異なるものである ssmonline #29 2022/12/19

7.

dpiのおはなし 低dpiの表示例 出典: バージョン8&9両対応 Red Hat Enterprise Linux完全ガイド ssmonline #29 2022/12/19

8.

dpiのおはなし 低dpiの文字表示比較 Kindle for PC のUI Kindle for PC で表示される電子書籍の文字 出典:バージョン8&9両対応 Red Hat Enterprise Linux完全ガイド 同じ縮尺での比較 左側のほうがハイコントラスト 右側のほうが字形はすっきり(字体の違いも影響している) 個人の感想 左側のほうが読みやすい・視認しやすい ssmonline #29 2022/12/19

9.

dpiのおはなし Kindleコンテンツのdpi 画像の最小解像度は 300 DPI (ドット/インチ) とします。 出典:kindle direct publishing 本の画像フォーマット https://kdp.amazon.co.jp/ja_JP/help/topic/G202169030#blurry 前述の電子書籍は画像のみで構成されているため、300dpi(以上)の画像だと仮定できる。 以降、300dpi、または、前述の、印刷での推奨dpi(1200dpi)であると仮定する。 ssmonline #29 2022/12/19

10.

dpiのおはなし ディスプレイのdpi (1) 24インチ、フルHD(1920×1080)のdpiは91~92dpiくらい 出典: ディスプレイの画素密度(ppi)一覧表、4K、8K、FHD https://memorva.jp/internet/pc/display_ppi_list_4k_8k_fhd_hd.php ディスプレイ ドットピッチ dpi 比較表 https://www.ipentec.com/document/hardware-display-dot-pitch#section_16 dot by dotで300dpiの画像を表示するには、300÷92=3.26倍くらい拡大すればOK (Kindle for PCの「100%」表示では、本来の1/3くらいに縮小されている) ssmonline #29 2022/12/19

11.

dpiのおはなし 拡大表示比較 出典:バージョン8&9両対応 Red Hat Enterprise Linux完全ガイド 上=400%拡大、下=100%表示を「拡大鏡」で400%拡大 ssmonline #29 2022/12/19

12.

dpiのおはなし 拡大表示比較 出典:バージョン8&9両対応 Red Hat Enterprise Linux完全ガイド 上=400%拡大、下=100%表示を「拡大鏡」で400%拡大 端的にいえば「dpiが高いほど読みやすい」 「dpiが低いものを拡大しても読みづらい」 ssmonline #29 2022/12/19

13.

dpiのおはなし ディスプレイのdpi (2) 300dpiのディスプレイに求められる解像度は? 24インチ8K(7680×4320)=367dpi 27インチ8K(7680×4320)=326dpi 出典: ディスプレイの画素密度(ppi)一覧表、4K、8K、FHD https://memorva.jp/internet/pc/display_ppi_list_4k_8k_fhd_hd.php 大判の本をフルスクリーンで見開き2ページで読むと仮定して、 300dpi以上を実現するには8Kの解像度が必要。 紙の本と同じアプローチで、PCのディスプレイに同等の(dpiの)文字を表示 するのは現時点では困難。 ssmonline #29 2022/12/19

14.

dpiのおはなし 工夫の余地 PC向けの表示に最適化 画像ではなくPC表示に適したフォントで電子書籍を構成する 出版側で対応してくれないと不可能 拡大表示 低dpi表示をそのまま拡大せず、縮小率を下げる たとえば50%表示を80%表示に変更する 全体を俯瞰できなくなる 上下左右の余白を削除 ディスプレイの表示領域をぎりぎりまで用い、縮小率を下げる。 ssmonline #29 2022/12/19

15.

dpiのおはなし 拡大表示箇所 出典: バージョン8&9両対応 Red Hat Enterprise Linux完全ガイド 赤枠部分をフルスクリーンで出せれば文字を大きくできる ssmonline #29 2022/12/19

16.

dpiのおはなし 方法 (1) コンテンツの再生性 各ページの画像をトリミングし電子書籍データとして再生成 (DRMによる保護がなければ可能) Kindleでは、 任意の拡大率を入力し、その拡大率を次のページに行っても保持・表示位置は中央 とすることができない。 出典:Kindle、ebookjapan、DMMブックス いずれも「任意の固定拡大率を維持した拡大機能」はない https://andromemo.blog.jp/archives/43652856.html 本目的のためにDRMを解除してOKか? →各国の法律とその解釈によるので今回は考えないことにする ssmonline #29 2022/12/19

17.

dpiのおはなし 方法 (2) 表示範囲と拡大率を指定できる拡大鏡アプリ Windows標準の「拡大鏡」で可能だが、低dpiで描画されたものを拡大するので、視認性は良くない。 出典:バージョン8&9両対応 Red Hat Enterprise Linux完全ガイド この本は628ページ(見開きで319ページ)あり、不鮮明な表示で読むのは大変 (「縮小率を下げる」ではない) 「上下左右の余白を削除」で格段に読みやすくなるとは限らない (文字の視認には不向き) ssmonline #29 2022/12/19

18.

dpiのおはなし まとめ PCのディスプレイは印刷と比較しdpiが低い 印刷の推奨するdpiを実現するハードウェアを準備する敷居は高い 緩和策はあるが現時点ではあまり効果的ではない 将来的に低dpi環境(PC)に向けた最適化や電子書籍ビューワーの仕様変更で改善される可能性はある ssmonline #29 2022/12/19

19.

dpiのおはなし まとめ PCのディスプレイは印刷と比較しdpiが低い 印刷の推奨するdpiを実現するハードウェアを準備する敷居は高い 緩和策はあるが現時点ではあまり効果的ではない 将来的に低dpi環境(PC)に向けた最適化や電子書籍ビューワーの仕様変更で改善される可能性はある いまはむり むりなものはむり むりなのを理解・納得できれば、心は少し安らかになる ssmonline #29 2022/12/19

20.

dpiのおはなし まとめ PCのディスプレイは印刷と比較しdpiが低い 印刷の推奨するdpiを実現するハードウェアを準備する敷居は高い 緩和策はあるが現時点ではあまり効果的ではない 将来的に低dpi環境(PC)に向けた最適化や電子書籍ビューワーの仕様変更で改善される可能性はある いまはむり むりなものはむり むりなのを理解・納得できれば、心は少し安らかになる 12.9インチのiPad Proを買おうか悩み中です くれぐれも目は大切にしましょう… ssmonline #29 2022/12/19 出典:photoAC https://www.photo-ac.com/main/detail/25204389

21.

dpiのおはなし ご静聴ありがとうございました ssmonline #29 2022/12/19