Kindle Booksで画像を使用する方法に関するヒント

ファイル： またはイメージURLのC：のようなハードドライブ文字を使用します。上記のディレクトリ構造では、image1.jpgを次のように参照します。

URLの先頭にスラッシュがないことに注意してください。

画像/ ディレクトリは、そのディレクトリのサブディレクトリです。

my-book.html ファイルが入っています。

URLが正しいことをテストするもう1つの方法は、ブックディレクトリのディレクトリ名を変更することです

/私の本/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だけを使用してください。

ウェブページと同じように、ラインアートやクリップアートスタイルの画像に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階調のグレーで画像を表示します。そのため、正確な色は表示されませんが、ニュアンスとコントラストは同じです。

画像をページに配置する

ほとんどのWebデザイナーがKindleの書籍に画像を追加するときに知りたい最後のことは、それらを配置する方法です。キンドルは流動的な環境で電子ブックを表示するため、一部のアライメント機能はサポートされていません。今すぐあなたの画像を次のキーワードに整列させるには、CSSまたは

整列する 属性：

• 上 - イメージの上端を現在の行の上端に合わせます。

• テキストトップ - イメージの上部を現在の行のテキストの上部に揃えます

• 無邪気な - イメージを現在の行に垂直に表示する

• 中間 - 現在の行のテキストの真ん中にイメージを縦に並べます

• アブソーバム - イメージの下端を現在の行の下端に合わせます。

• 底 - イメージの下端を現在の行のテキストのベースラインに揃えます（ベースラインと同じ）

• ベースライン - イメージの下端を現在の行のテキストのベースラインに合わせます（下と同じ）

しかし、2つのアライメント

左 そして