2010.03.04 Thursday
kindleで日本語マンガを！ 技術編その２
いろいろと微修正、トライ＆エラーを繰り返してまいりました日本語版『青空ファインダーロック』は、先日審査を通過した第三版をもって、いちおうの完成とします。
これから先は、ミス、誤字、脱字などは修正しますが、技術的な面での改版は、Kindleの仕様が変わらないかぎりは行ないません。
なお第三版の主な修正点は以下の通りです。
・文字サイズの拡大による可読性の向上
・アップロードするファイル形式およびサイズの変更
・奥付の追加
そのあたりをふまえた、ウチのおすすめのkindle用作業フローをご紹介します。
■作業フロー
Photoshop上での作業を想定しています。
原稿を用意（グレースケール／600dpi／PSD）
↓
文字を20級以上に大きくする
↓
全レイヤーを統合
↓
『画像解像度』で、446x621に縮小（画像補完方式：バイキュービック法ーシャープ）
↓
『Webおよびデバイス用に保存』でJPEGに。『画質』を調整して64K以下に
↓
画像データとHTMLをZIP圧縮
↓
入稿
以下、ポイントを解説します。
・文字サイズは20級以上
漫画誌では、文字の基本サイズは、18級が使われることが多いようです。しかし現在のkindleの解像度では、これだとやや厳しい。ちょっとこみいった漢字だとお手上げです。16級だとまず無理。20級以上を使うことをおすすめします。欲をいえば、もっと大きい方がいいかも。格好悪いけれど。
マンガで使う書体は、アンチゴチと呼ばれる平仮名、カタカナは明朝体、漢字はゴシック体の特殊な書体を使います。もちろん有料のものもありますが、無料配布されているものもあります。今回はこちらを使用しました。
コミックW4-IPA
・ファイル形式はJPEG
Amazon DTPでは、画像は全てJPEGに変換するようです。初版はTIFF、第二版ではPNGと、可逆圧縮なファイル形式でトライしてきたのですが、無駄だったようです（笑） 他の画像形式でアップしても、AmazonDTP側でJPEGに再変換します。モアレ、グラデのトーンジャンプには、いっさい配慮してくれないので、入稿前にJPEGにしておくのが吉です。
・画像サイズは446x621
「Kindle2は450x550ピクセル」という話もありましたが、実際には、縦は621ピクセルまで表示できました。さらに高解像度な画像を表示するモードが、KindleDXには存在します。ただAmazonDTPからの入稿は、まだ対応していない様子で、KindleDXで見ても、紙の拡大コピーのように単に拡大しただけのものです。それでもやや見やすいけれど。
・ファイルサイズは64K以内
実のところ、64K以上でも入稿をすることはできます。ただしAmazonDTP側でリサイズされるため、やはり意図してない画像の荒れが起きる可能性が大きいです。また64K以上と以下のファイルが混在していた場合、一部の画像サイズだけが縮小され、バラツキが発生するという報告もあります。
AYA Digital Comics 藤井あや活動情報 やってみた４
・奥付
(C)表記も含め、一応つけておきましょう。つーか、初版のときからつけとけよ、自分。
・HTML
どうやらHTMLのもろもろのタグが使えるようです。Kindleでは、左に寄ってしまっていた画像をセンタリングすることに成功しました…たぶん。いや、たぶんというのは、Kindle実機を持ってないからで、プレビューでは確認できました。詰めが甘くてもうしわけない。
以上、もろもろを含めたHTMLはこちらです。
---------------------------------------------
<html>
<style type="text/css">
p.noindent {
text-indent: 0;
}
p.left {
text-align: left;
}
p.right {
text-align: right;
}
p.center_img {
text-indent: 0;
text-align: center;
}
.center {
text-align: center;
}
</style>
<head>
<title>AOZORA Finder Rock</title>
</head>
<body>
<p class="center_img"><img src="img/aozora_p01_fix.jpg" /></p>
<p class="center_img"><img src="img/aozora_p02_fix.jpg" /></p>
<p class="center_img"><img src="img/aozora_p03_fix.jpg" /></p>
［中略］
<p class="center_img"><img src="img/aozora_p26_fix.jpg" /></p>
<mbp:pagebreak />
<p class="noindent">
<b>AOZORA Finder Rock</b></p>
<p class="noindent">
<small>Copyright 2010 UME (OZAWA Takahiro & SEO Asako). All rights
reserved. No part of this book may be reproduced or retransmitted in
any form or by any means without the written permission of the
copyright holder.</small></p>
<p class="center" height="20"><b>Staff</b></p>
<p class="noindent">Author</p>
<p><small>UME (OZAWA Takahiro & SEO Asako)</small></p>
<p><small>official site:www.chabudai.com</small></p>
<p><small>mail:ume☆chabudai.com</small></p>
<p><small>twitter ID:ume_nanminchamp</small></p>
<p class="noindent">Kindle version Technical adviser</p>
<p><small>ma2</small></p>
<p><small>mail:keiichi.2004.matsunaga☆gmail.com</small></p>
<p><small>twitter ID:ma2</small><p>
<p class="noindent">Original version Editor</p>
<p><small>OGAWA Hitomi</small></p>
<p><small>mail:ogawa.hitomi☆wine.plala.or.jp</small></p>
<p><small>First appearance NIKKEI Entertainment! NOV.2007</small></p>
</body>
</html>
---------------------------------------------
固有名詞をテキトーに差しかえて使ってください。＠は☆に変えてあります。
・まとめ
要は、いかにAmazonDTP側に画像をいじらせないか、がポイントです。まあ、日本語対応してないものを無理矢理なんとかしてるので、それくらいは致し方なしかな。いや、漫画なんで、日本語対応したところで大した変化はないかもしれませんが。
なお、現在、いろいろな人たちの協力で、英仏独語版を制作中です。また近々報告します。あと他にも問題点もいくつか明らかになったので、そのあたりもー。
これから先は、ミス、誤字、脱字などは修正しますが、技術的な面での改版は、Kindleの仕様が変わらないかぎりは行ないません。
なお第三版の主な修正点は以下の通りです。
・文字サイズの拡大による可読性の向上
・アップロードするファイル形式およびサイズの変更
・奥付の追加
そのあたりをふまえた、ウチのおすすめのkindle用作業フローをご紹介します。
■作業フロー
Photoshop上での作業を想定しています。
原稿を用意（グレースケール／600dpi／PSD）
↓
文字を20級以上に大きくする
↓
全レイヤーを統合
↓
『画像解像度』で、446x621に縮小（画像補完方式：バイキュービック法ーシャープ）
↓
『Webおよびデバイス用に保存』でJPEGに。『画質』を調整して64K以下に
↓
画像データとHTMLをZIP圧縮
↓
入稿
以下、ポイントを解説します。
・文字サイズは20級以上
漫画誌では、文字の基本サイズは、18級が使われることが多いようです。しかし現在のkindleの解像度では、これだとやや厳しい。ちょっとこみいった漢字だとお手上げです。16級だとまず無理。20級以上を使うことをおすすめします。欲をいえば、もっと大きい方がいいかも。格好悪いけれど。
マンガで使う書体は、アンチゴチと呼ばれる平仮名、カタカナは明朝体、漢字はゴシック体の特殊な書体を使います。もちろん有料のものもありますが、無料配布されているものもあります。今回はこちらを使用しました。
コミックW4-IPA
・ファイル形式はJPEG
Amazon DTPでは、画像は全てJPEGに変換するようです。初版はTIFF、第二版ではPNGと、可逆圧縮なファイル形式でトライしてきたのですが、無駄だったようです（笑） 他の画像形式でアップしても、AmazonDTP側でJPEGに再変換します。モアレ、グラデのトーンジャンプには、いっさい配慮してくれないので、入稿前にJPEGにしておくのが吉です。
・画像サイズは446x621
「Kindle2は450x550ピクセル」という話もありましたが、実際には、縦は621ピクセルまで表示できました。さらに高解像度な画像を表示するモードが、KindleDXには存在します。ただAmazonDTPからの入稿は、まだ対応していない様子で、KindleDXで見ても、紙の拡大コピーのように単に拡大しただけのものです。それでもやや見やすいけれど。
・ファイルサイズは64K以内
実のところ、64K以上でも入稿をすることはできます。ただしAmazonDTP側でリサイズされるため、やはり意図してない画像の荒れが起きる可能性が大きいです。また64K以上と以下のファイルが混在していた場合、一部の画像サイズだけが縮小され、バラツキが発生するという報告もあります。
AYA Digital Comics 藤井あや活動情報 やってみた４
・奥付
(C)表記も含め、一応つけておきましょう。つーか、初版のときからつけとけよ、自分。
・HTML
どうやらHTMLのもろもろのタグが使えるようです。Kindleでは、左に寄ってしまっていた画像をセンタリングすることに成功しました…たぶん。いや、たぶんというのは、Kindle実機を持ってないからで、プレビューでは確認できました。詰めが甘くてもうしわけない。
以上、もろもろを含めたHTMLはこちらです。
---------------------------------------------
<html>
<style type="text/css">
p.noindent {
text-indent: 0;
}
p.left {
text-align: left;
}
p.right {
text-align: right;
}
p.center_img {
text-indent: 0;
text-align: center;
}
.center {
text-align: center;
}
</style>
<head>
<title>AOZORA Finder Rock</title>
</head>
<body>
<p class="center_img"><img src="img/aozora_p01_fix.jpg" /></p>
<p class="center_img"><img src="img/aozora_p02_fix.jpg" /></p>
<p class="center_img"><img src="img/aozora_p03_fix.jpg" /></p>
［中略］
<p class="center_img"><img src="img/aozora_p26_fix.jpg" /></p>
<mbp:pagebreak />
<p class="noindent">
<b>AOZORA Finder Rock</b></p>
<p class="noindent">
<small>Copyright 2010 UME (OZAWA Takahiro & SEO Asako). All rights
reserved. No part of this book may be reproduced or retransmitted in
any form or by any means without the written permission of the
copyright holder.</small></p>
<p class="center" height="20"><b>Staff</b></p>
<p class="noindent">Author</p>
<p><small>UME (OZAWA Takahiro & SEO Asako)</small></p>
<p><small>official site:www.chabudai.com</small></p>
<p><small>mail:ume☆chabudai.com</small></p>
<p><small>twitter ID:ume_nanminchamp</small></p>
<p class="noindent">Kindle version Technical adviser</p>
<p><small>ma2</small></p>
<p><small>mail:keiichi.2004.matsunaga☆gmail.com</small></p>
<p><small>twitter ID:ma2</small><p>
<p class="noindent">Original version Editor</p>
<p><small>OGAWA Hitomi</small></p>
<p><small>mail:ogawa.hitomi☆wine.plala.or.jp</small></p>
<p><small>First appearance NIKKEI Entertainment! NOV.2007</small></p>
</body>
</html>
---------------------------------------------
固有名詞をテキトーに差しかえて使ってください。＠は☆に変えてあります。
・まとめ
要は、いかにAmazonDTP側に画像をいじらせないか、がポイントです。まあ、日本語対応してないものを無理矢理なんとかしてるので、それくらいは致し方なしかな。いや、漫画なんで、日本語対応したところで大した変化はないかもしれませんが。
なお、現在、いろいろな人たちの協力で、英仏独語版を制作中です。また近々報告します。あと他にも問題点もいくつか明らかになったので、そのあたりもー。
