KDP(Kindleダイレクト・パブリッシング)で写真集をつくっている時、困ったことが起きました。
それは、iPhoneでKindle写真集をプレビューするとレイアウトがズレるということです。
詳しい状況は、
- 機種名:iPhone SE2
- 過程:mobiファイルをPCから直接送信してKindleアプリでプレビュー
- 症状①:画像に余白が勝手についてしまう
- 症状②:見開きページが分割される
- 症状③:横位置にするとレイアウトがズレる
- 症状④:スクロールすると画面がバグる
以上のような感じです。
結論を言うと、症状④以外は気にせずKDPにアップロードしてKindleのサイトからダウンロードすれば問題ない、と言うことでした。
3日間くらいかけて調べてもわからず、色々試したのに!
以下に、ことの顛末を記していきます。
前提の環境
まず前提として僕の環境ですが、MacBookProのKeynoteアプリで原稿を作り、Kindle Comic Creator (KCC)アプリでmobiファイルを作って、iPhoneSE(第2世代)のKindleアプリで閲覧してます。
写真集なので原稿はJPEGで書き出し、1つのページで1枚の画像を全画面で表示しようとしています。
このmobiファイルをPCからiPhoneに直接送ってKindleアプリでプレビューしようと思ったところ、うまく表示ができず、このままでは出版ができない!?と焦って色々調べました。
Android端末も持っているのでそちらで試したところ問題なく表示できていました。
iPhoneは1機種しか持ってないので他の端末ではどうなるかわかりません。
実際の症状
PCから直接入れたものと、Kindleストア経由のものとの比較です。
症状①:画像に余白が勝手についてしまう
1ページで1枚の画像を全画面表示したいのに、上下左右に余白がついています。縦写真のページならギリギリ許容できますが、見開きだと大問題です。
灰色の余白は原稿の余白なので問題ないです。

症状②:見開きページが分割される
見開きの場合はこちら、理想は次のページとピッタリくっついて表示させたいのに隙間が開いてしまっています。

症状③:横位置にするとレイアウトがズレる
iPhoneを横向きにしてみます。
見開きページなので2ページを繋げて表示して欲しいのに、右ページが消え、左ページも左隅の方にずれたレイアウトになってしまいます。

症状④:スワイプしてスクロールすると画面がバグる。
最後は、ページ送り問題。
画面をスワイプして次のページを表示すると画像が消えたりずれたりします。右や左をタップして次のページにいくとちゃんと表示されます。
これはKindleストアからダウンロードしたものでも起こります。
アプリ自体の不具合かもしれません。

解決策
結論を言ってしまえば、KDPにアップロードして販売開始し、キンドルストア経由でiPhoneにダウンロードしたら問題なく表示されました。
KDPのオンラインプレビューの表示は問題なく、Kindle previewer3でもちゃんと表示されました。
なので、原因はPCから直接iPhoneに送信してプレビューしたことがダメだったんだと思います。
症状④は今のところ未解決ですが、とりあえず致命的ではないので保留に指定おきます。
以上です。もし同じようにつまずいている人がいたら参考にしてください。
ちなみにこの写真集はこちら↓Kindle Unlimitedの人は読み放題です。