ワンソース・マルチユース。iPadと印刷で同一の画像を使う方法を検討中・・・
先日の第3回CAS-UB紹介セミナーでもお話しましたが、CAS-UBを使った電子出版の第2弾として「魔性のプレゼンテーション」をEPUB版とPDF版で制作しています。
本文のテキストの仕上げもさることながら、現在、イラストにはまっています。
従来の電子出版のワークフローでは多くの場合、DTPで制作した完成データを元にEPUBを作ることになります。それに対して、CAS-UBによる電子出版では、両方を同時に作り出すことを目標としています。
これについては次のWebページの図を参照してください。
http://www.antenna.co.jp/epub/
これにより電子版を先に出して、後で印刷版を出したりすることもスムースにできます。また、なによりも両方を同時に出すことにより、出版物制作の生産性を高めたいと考えています。
「魔性のプレゼンテーション」の制作はそのひとつの実践です。第1作ではすべての図版をSVGで制作したのですが、今回はイラスト（PNG形式）が入ります。また、縦書きの新書版のサイズを想定してPDFを作っています。電子書籍PDFを作るのに新書版にこだわることもないとは思いますが・・・あわよくば、ベストセラーにして、印刷版も出したいということで・・・（本音は、CAS-UBで縦書きの新書版を作ってみたいという、ただそれだけです）。
で困ったのがイラストのサイズです。
１．印刷するためにはイラストのドット密度（DPI）は大きいほうが良いのですが、大きくするとファイルサイズが大きくなります。電子版ということでファイルサイズは小さい方が望ましい。で小さくして試してみたところ、CSSやFormatterのデフォルトである96DPIでは、印刷すると線がぼやけてしまいます。どうしても200DPI〜300DPIは欲しいところです。
２．一方、同じイラストをiPadに出してみますと、iBooks(iOS5版)はドット密度（DPI）を無視してドット数により表示サイズを決めているようです。
※ここの話は、すべてiPad上のiBooks(2011/10版）で調べたものです。
PDF（印刷時）のイラストの大きさとiBooks(iPad)の画面上の大きさは、それぞれ次の式になります。
１）PDF
印刷(表示)寸法（cm）＝（図のドット数÷ドット密度（DPI））×2.54
※最大幅：基本版面の幅、1インチ＝2.54cm
印刷(表示)寸法（cm）＝（図のドット数÷132）×2.54
※最大幅：10.5cm、iPadは132ppi（ppi:1インチあたりのピクセル数）
イラストのドット数と大きさの関係は次の図のようになります。
《この図の見方：例》
a. 400ドットの図は、96PDIでは10.5cm、iPad（132ppi）では7.7cm。
b. 546ドットの図は、iPadでは10.5cm（全幅）、200DPIでは6.9cm、300DPIでは4.6cmになる
c.iBooks(iPad)は10.5cmよりも大きい図を10.5cmに縮小して表示している。
132DPIで図を作ればiBooks(iPad)上の大きさと印刷したときの大きさが一致しますが132DPIではPDFを印刷したときの精度が足りません。
仕方ないので、次のようにしようと思っています。
「イラストの大きさを（印刷）5.5cm、ドット密度は200DPIとする。このためにはドット数を433とする。」（イラストは正方形。5.5cmの大きさにするとキャプションを含めて新書の1頁に上下2枚入るので丁度良い）。
5.5÷2.54×200＝433
そうするとiPad上では少し大きくなり8.3cmとなります。
433÷132×2.54＝8.3
このやり方ではデバイスのDPIが変わるとイラストの表示サイズが変わってしまうという難点があります。ですので、本当はこういう図自体の物理特性と絶対寸法をベースに考えるよりも、図を配置する参照領域に対する相対寸法の考え方を駆使する方が良いとは思います。しかし、以前に書いたとおり、iBooksでは相対寸法の指定の仕方に少し難癖があること、またCSSの制約のため、今回は絶対寸法にしようかと思っています。相対指定の方法は別途追及したいと思っていますが。また、できればiBooksが図のDPIを見てくれると話が簡単になります。
○iBooks(iPad)で433ドット（200DPI）のイラストを表示
（ご注意：この図はイラストの大きさを確認するためのものです。テキストは「魔性のプレゼンテーション」とは関係ありません。）
iBooksでは200DPIを無視して433ドットの図を132ppiのデバイス上で表示するので、サイズ(正方形）が8.3cmとなります。
○PDFでは次のようになります。イラストの余白が大きいのがきになりますが。
◎参考資料
１．http://d.hatena.ne.jp/cassupport/20110424/1303617075
２．http://d.hatena.ne.jp/cassupport/20110426/1303775762
３．http://d.hatena.ne.jp/cassupport/20110427/1303857033
◎CAS-UB
http://www.cas-ub.com
