偉大なグラフィックに関する事実を得る
HTMLを使用してKindleブックに画像を追加するのは簡単です。 あなたは他のWebページと同じようにHTMLに要素を追加します。 しかし、あなたが考慮すべきいくつかのことがあります：
- 画像はHTMLに関連してどこに保存されていますか？
- イメージ（サイズとファイルサイズの両方）の大きさはどれくらいですか？
- イメージはどのようなファイル形式ですか？
- イメージラインアートか写真ですか？
- 画像は白黒かカラーか？
あなたのKindleブックの画像を保存する場所
Kindleの本を作るためにHTMLを書くときは、大きなHTMLファイルとして書きますが、どこにイメージを置くべきですか？ あなたの本のためのディレクトリを作成し、あなたのHTMLをそこに置いて、あなたのイメージのためにサブディレクトリを入れておくのが最善です。 これにはディレクトリ構造があります：
/私の本/
my-book.html
/ images /
image1.jpg
image2.gif
イメージを参照するときは、ハードドライブ上のイメージの場所を指すのではなく、相対パスを使用する必要があります。 この権利を実行したかどうかを簡単に確認するには、バックスラッシュ文字、行内の複数のスラッシュ、wordファイル：または画像URLのC：\などのハードドライブ文字を探します。 上記のディレクトリ構造では、image1.jpgを次のように参照します。
images /ディレクトリはmy-book.htmlファイルのサブディレクトリであるため、URLの先頭にはスラッシュがありません。
あなたが正しいURLを持っているかどうかをテストするもう1つの方法は、ブックディレクトリのディレクトリ名を変更することです（上記の/ my-book /とし、WebブラウザでHTMLを開きます）。 相対パスを使用しています 。
あなたの本が完成し、あなたが出版する準備が整ったら、「my-book」ディレクトリ全体を1つのZIPファイル（Windows 7のZipファイルの仕方）に圧縮してAmazon Kindle Direct Publishingにアップロードします。
イメージのサイズ
Web画像と同様に、Kindleブック画像のファイルサイズも重要です。 画像を拡大すると、書籍のサイズが大きくなり、ダウンロードが遅くなります。 しかし 、ダウンロードは一度だけ（ほとんどの場合）一度しか行われず、書籍がダウンロードされるとイメージファイルのサイズは読み込みに影響しないことに注意してください。 しかし、低品質の画像が得られます。 低品質の画像は、あなたの本を読みにくくし、あなたの本が悪いという印象を与えます。
だから、より小さなファイルサイズのイメージとより良い品質のイメージのどちらかを選択する必要がある場合は、より良い品質を選択してください。 実際、アマゾンのガイドラインでは、JPEG写真の品質設定は少なくとも40であることが明示されており、利用可能な解像度で写真を提供する必要があります。 これにより、デバイスを見ているデバイスの解像度に関係なく、イメージが良好に見えるようになります。
画像のサイズは127KBを超えないようにしてください。 画像の解像度を300dpi以上に設定し、ファイルサイズを127KBに減らすのに必要な分だけ最適化することをお勧めします。 これにより、画像ができるだけ良好に見えるようになります。
しかし、ファイルのサイズだけではなく、サイズも大きくなります。 画像の寸法もあります。 画像がKindleのスクリーンの不動産を最大限に使いたい場合は、アスペクト比9:11で設定する必要があります。 理想的には、幅600ピクセル以上、高さ800ピクセル以上の写真を投稿するべきです。 これは1ページの大半を占めます。 サイズを大きくすることができます（たとえば、655x800は9:11の比率です）。小さい写真を作成すると読みにくくなり、300x400ピクセルより小さい写真は小さすぎて拒否される可能性があります。
イメージファイル形式とその使用方法
Kindleデバイスは、コンテンツ内のGIF、BMP、JPEG、およびPNGイメージをサポートします。 しかし、HTMLをブラウザーでテストしてからAmazonにロードする場合は、GIF、JPEG、またはPNGだけを使用してください。
Webページと同じように、ラインアートやクリップアートスタイルの画像にGIFを使用し、写真にはJPEGを使用する必要があります。 いずれにもPNGを使用することができますが、上記のファイルサイズの情報と品質を念頭に置いてください。 画像がPNGでよりよく見える場合は、PNGを使用します。 それ以外の場合はGIFまたはJPEGを使用します。
アニメーションGIFまたはPNGファイルを使用する場合は注意してください。 私のテストでは、アニメーションはKindle上でHTMLを見ると機能しましたが、Amazonによって処理されると削除されます。
あなたはKindleの本でSVGのようなベクトルグラフィックスを使うことはできません。
キンドルは白黒ですが、イメージを色にする
1つ目は、Kindleの書籍を読むデバイスがKindleのデバイスだけではないということです。 Kindle Fireタブレットはフルカラーで、iOS、Android、およびデスクトップ用のKindleアプリはすべて本の色を見る。 可能であれば、常にカラー画像を使用してください。
KindleのeInkデバイスは、16階調のグレーで画像を表示します。そのため、正確な色は表示されませんが、ニュアンスとコントラストは同じです。
画像をページに配置する
ほとんどのウェブデザイナーがKindleの書籍に画像を追加するときに知りたい最後のことは、それらを配置する方法です。 キンドルは流動的な環境で電子ブックを表示するため、一部のアライメント機能はサポートされていません。 現在、CSSまたはalign属性を使用して、画像を次のキーワードと整列させることができます：
- top - イメージの上端を現在の行の上端に合わせます。
- texttop - イメージの上部を現在の行のテキストの上部に揃えます。
- absmiddle - イメージを現在の行に垂直に表示する
- middle - イメージを現在の行のテキストの真ん中に垂直にセンタリングする
- absbottom - イメージの下端を現在の行の下端に合わせる
- bottom - イメージの下端を現在の行のテキストのベースラインに合わせます（ベースラインと同じ）
- baseline - イメージの下端を現在の行のテキストのベースラインに合わせます（下と同じ）
しかし、左右の2つのアライメントはサポートされていません。 テキストはKindleの画像を囲んでいません。 だから、イメージを周囲のテキストの下と上の新しいブロックと考えるべきです。 あなたのイメージで改ページが発生する場所を確認してください。 あなたのイメージが大きすぎる場合、それらの上または下の周囲のテキストの未亡人および孤児を作成することができます。