6月 22, 2013
kamata

【EPUB】固定レイアウトEpubを作ってみた

昔ちょこっと作ったことがあったんだけど、この1年ずっとリフローばかり作ってきたし、
リフローばっかりじゃイカンよね、kobo、kindle、iBooksとデバイス毎にどう違うのかなー
を確かめようと思い、やってみました。

まずは、PDFから数ページ画像書出しして、それをページに貼付ける形式のリフローのEpubを作りました。
このEpubを固定レイアウトEpubにしてみます。ページが画像のシンプルなものです。
(画像サイズは1034 x 1400 pixです)

■ kobo
林先生の著書の「EPUB 3 電子書籍制作の教科書」の通りにやってみます。
opfファイルの、prefixとmetaに追加

prefix=”rendition: http://www.idpf.org/vocab/rendention/#”

<meta property=”rendition:layout”>pre-paginated</meta>
<meta property=”rendition:orientation”>auto</meta>
<meta property=”rendition:spread”>landscape</meta>

htmlファイルにも、metaに追加
<meta name=”viewport” content=”width=1034, height=1400″ />

この状態でepubを作成すると、koboは固定レイアウトepubとして表示した。
kindle、iBooksはダメでした。

■ Kindle
kindleの仕様書を読んで、opfにさらに追加

<meta name=”fixed-layout” content=”true”/>
<meta name=”original-resolution” content=”1034×1400″/>
<meta name=”book-type” content=”comic”/>
<meta name=”RegionMagnification” content=”false”/>

これで、Kindleも大丈夫となった。

book-typeには、”comic”と”children”が可能となっている。
epubを開く際に、使い方が一瞬表示されるのだが、漫画、絵本に応じたものが用意されていた。
なんか、余計なお世話な気がする。

■ iBooks
opfファイルの、prefixとmetadataとmetaに追加

prefix=”ibooks: http://vocabulary.itunes.apple.com/rdf/ibooks/vocabulary-extensions-1.0/#”

xmlns:ibooks=”http://apple.com/ibooks/html-extensions”

<meta property=”ibooks:binding”>false</meta>

で、これで大丈夫だろうと思って、Epubにするが、固定レイアウトのEpubとして認識してくれない。
うーん何が不足しているのだろう。

iBookstore Fixed Layout EPUB Example とか、
iBookstore Asset Guide を読むが、これ以上の記載がない。
ググってみる。
何とこのこざくらラボにあった!
https://www.web-cte.co.jp/kozakuralab/2011/03/%E5%9B%BA%E5%AE%9A%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AEepub/

“com.apple.ibooks.display-options.xmlがあり、これで属性定義しています。”
とあるじゃないですか! 忘れていました。

com.apple.ibooks.display-options.xml ファイルを作り、中身を、

<?xml version=”1.0″ encoding=”UTF-8″?>
<display_options>
<platform name=”*”>
<option name=”fixed-layout”>true</option>
</platform>
</display_options>

として、META-INFフォルダの中に配置し、EPub作成。
iPadで確認、OKでーす!!!

ということで、kobo、Kindle、iBooksの固定レイアウトEpubができました!

ググっているなかで、こんなファイルが落ちていました。
Field Guide to Fixed Layout for E-Books
http://www.bisg.org/publications/product.php?p=28&c=437
無料です。

※補足:iBooksは画像サイズが200万ピクセルを越えてはいけません。

1 Comment

  • [...] 【EPUB】固定レイアウトEpubを作ってみた―その後 tweetmeme_url = 'http://www.web-cte.co.jp/kozakuralab/?p=1541';tweetmeme_source = 'kozakuralab'; 書かなきゃなーと思いつつ、日にちが経ってしまいました。 以前、固定レイアウトEpubの記事で、”com.apple.ibooks.display-options.xml”ファイルを作って、iBooks用のEpubが出来た旨を書きました。(http://www.web-cte.co.jp/kozakuralab/?p=1439) しかし、その後、Epubを作っていくうち、このファイルは不要になったということが散見されていて、気になっていました。 調べると、現在では、com.apple.ibooks.display-options.xmlファイルは不要で、代わりに、 <meta property=”ibooks:fixed-layout”>true</meta> をメタ情報に記述すれば大丈夫になっています。 後、iBooksは画像サイズが200万ピクセルを越えてはいけなかったのですが、これもレンティナディスプレイのためか、最大値の制限が変わったようです。 現在は、320万ピクセルとなっています。類似記事:【EPUB】固定レイアウトEpubを作ってみた [...]

Leave a comment