Kindle電子書籍で文字サイズを自由に変更できる「リフロー型」を作るには?作り方・注意点を徹底解説

Kindle電子書籍を作るなら、**読者が文字サイズを自由に変更できる「リフロー型」**がおすすめです。
リフロー型の電子書籍は、スマートフォン、タブレット、Kindle端末などの画面サイズに合わせて文章が自動的に折り返されます。さらに、読者が文字サイズを変更すると、ページ内のレイアウトも自動的に調整されます。
本記事では、Kindle電子書籍でリフロー型を作る方法について、Word原稿からの作成、EPUB化、HTML/CSSを使った制作方法、固定レイアウトとの違い、KDPへの登録方法まで詳しく解説します。
Kindleの「リフロー型」とは?
リフロー(Reflow)とは、電子書籍を読む端末の画面サイズや文字サイズに合わせて、文章のレイアウトが自動的に再構成される仕組みです。
例えば、同じ電子書籍でも、
-
スマートフォン
-
iPad
-
Androidタブレット
-
Kindle端末
-
PC
など、画面の大きさはそれぞれ異なります。
リフロー型なら、画面幅に合わせて文章が自動的に折り返されます。
さらに読者が、
「文字をもう少し大きくしたい」
と思った場合、文字サイズを変更できます。
すると、1ページに表示される文字数が自動的に変化します。
リフロー型のイメージ
例えば、
文字サイズ:小
これはKindle電子書籍の文章です。
画面に表示できる文字数が多いため、
1ページにたくさんの文章が表示されます。
文字サイズを大きくすると、
文字サイズ:大
これはKindle電子書籍の
文章です。
画面に表示できる文字数が
少なくなるため、
文章が自動的に折り返されます。
というようにレイアウトが変化します。
これがリフロー型です。
リフロー型と固定レイアウト型の違い
Kindle電子書籍には、大きく分けてリフロー型と固定レイアウト型があります。
| 項目 | リフロー型 | 固定レイアウト型 |
|---|---|---|
| 文字サイズ変更 | ◎ | △ |
| 画面サイズへの適応 | ◎ | △ |
| スマートフォンでの読みやすさ | ◎ | △ |
| 小説・ビジネス書 | ◎ | △ |
| 漫画 | △ | ◎ |
| 写真集 | △ | ◎ |
| デザインの自由度 | △ | ◎ |
| テキスト中心の本 | ◎ | △ |
一般的な、
-
ビジネス書
-
技術書
-
ノウハウ本
-
小説
-
自己啓発書
-
教育書
-
解説書
などは、リフロー型との相性が良いでしょう。
一方で、漫画、雑誌、図版中心の本など、ページごとのデザインを厳密に維持したい場合は固定レイアウト型が向いています。
Kindleのリフロー型を作るならEPUBが基本
Kindle電子書籍をリフロー型で作る場合、基本的な考え方は、
文章 → HTML/CSS → EPUB → Kindle
という流れです。
EPUBは電子書籍で広く利用されているファイル形式です。
リフロー型では、文章を画像としてページに貼り付けるのではなく、テキストとして保持することが重要です。
例えば、
<h1>Pythonとは</h1>
<p>
Pythonは、初心者にも学びやすいプログラミング言語です。
</p>
のように文章をHTMLとして記述します。
Kindle側で文字サイズなどを変更すると、このHTMLの文章が画面に合わせて再配置されます。
Wordで作った原稿からリフロー型Kindleを作る
最も簡単な方法の一つが、Microsoft Wordで原稿を作成する方法です。
例えば、Wordで、
第1章 Pythonとは
Pythonは、現在人気の高いプログラミング言語です。
初心者でも学びやすく、AIやデータ分析など、
さまざまな分野で利用されています。
という原稿を作ります。
そのWordファイルをKindle向けに変換して利用します。
ただし、Word文書をそのまま「紙の本」のようにレイアウトしてしまうと、リフロー型との相性が悪くなることがあります。
Wordでリフロー型を作るときのポイント
Wordで原稿を作る場合は、ページレイアウトを細かく固定しすぎないことが重要です。
例えば、
-
スペースを大量に入れて位置調整する
-
改行を大量に入れる
-
表を複雑にする
-
テキストボックスを多用する
-
ページごとにレイアウトを固定する
といった方法は避けたほうがよいでしょう。
基本的には、
「紙の本を作る」というより「構造化された文章を作る」
という意識が重要です。
見出しを正しく設定する
リフロー型のKindle電子書籍では、見出しの設定が重要です。
例えば、
第1章 Pythonとは
1-1 Pythonの特徴
1-2 Pythonが人気の理由
という構成なら、Wordのスタイル機能などを使って、
-
タイトル
-
見出し1
-
見出し2
-
本文
などを適切に設定します。
HTMLなら、
<h1>第1章 Pythonとは</h1>
<h2>Pythonの特徴</h2>
<p>Pythonは...</p>
<h2>Pythonが人気の理由</h2>
<p>Pythonは...</p>
のようになります。
このように文章の構造を明確にすることで、目次なども作りやすくなります。
HTMLとCSSでリフロー型Kindleを作る
より細かく制御したい場合は、HTML/CSSからEPUBを作る方法があります。
例えばHTMLなら、
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Python入門</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Python入門</h1>
<p>
Pythonは初心者にも学びやすいプログラミング言語です。
</p>
<h2>Pythonの特徴</h2>
<p>
シンプルな文法でプログラムを書くことができます。
</p>
</body>
</html>
CSSは、
body {
line-height: 1.8;
}
h1 {
margin-bottom: 1em;
}
p {
margin-bottom: 1em;
}
のようにします。
ここで重要なのは、文字サイズを固定しすぎないことです。
「font-size: 20px」のような固定指定に注意
リフロー型の電子書籍では、CSSで文字サイズを固定しすぎないことが重要です。
例えば、
body {
font-size: 20px;
}
と指定すると、読者側の文字サイズ設定との関係で、意図しない表示になる可能性があります。
電子書籍では、端末側で文字サイズが変更されることを前提として設計する必要があります。
そのため、
body {
line-height: 1.8;
}
のように、文字サイズそのものよりも行間や余白などを調整する考え方が重要です。
画像を使う場合の注意点
リフロー型でも画像を利用できます。
例えば、
<img src="python.png" alt="Pythonのロゴ">
のように画像を配置できます。
ただし、画像のサイズを大きく固定しすぎると、スマートフォンなどで表示が崩れる可能性があります。
例えばCSSで、
img {
max-width: 100%;
height: auto;
}
とすることで、画面幅に合わせて画像が縮小されるようにできます。
リフロー型では「1ページに何文字」と考えない
紙の本では、
1ページ40文字×30行
のようにページを設計することがあります。
しかしリフロー型では、この考え方は基本的に使いません。
なぜなら、読者によって、
-
画面サイズ
-
文字サイズ
-
フォント
-
行間
-
端末
などが異なるからです。
そのため、
「1ページのレイアウトを完成させる」のではなく、「文章の構造を完成させる」
ことがリフロー型制作のポイントです。
Kindleリフロー型では改ページにも注意
紙の本では、
第2章
を必ず新しいページから始めるようにすることがあります。
しかしリフロー型では、端末によってページの位置が変わります。
そのため、改ページを大量に指定するのは避けたほうがよいでしょう。
章の区切りなど、必要な場所だけ適切に改ページを設定します。
目次を作る
Kindle電子書籍では、目次も重要です。
例えば、
第1章 Pythonとは
第2章 Pythonのインストール
第3章 変数とデータ型
第4章 if文
第5章 for文
という構成の場合、各章を見出しとして設定します。
HTMLなら、
<h1>第1章 Pythonとは</h1>
<h1>第2章 Pythonのインストール</h1>
<h1>第3章 変数とデータ型</h1>
などです。
EPUBでは、こうした構造を利用して目次を作成できます。
EPUBを作成する
HTMLとCSSを用意したら、EPUB形式にまとめます。
EPUBは単純にHTMLファイルをZIP圧縮しただけではなく、所定の構造やメタデータが必要です。
一般的には、
book.epub
├─ mimetype
├─ META-INF
│ └─ container.xml
└─ EPUB
├─ text
├─ images
├─ styles
└─ content.opf
のような構造になります。
自分でEPUBを構築することもできますが、電子書籍制作ツールを利用したほうが簡単です。
Kindle Createを利用する方法
Amazonが提供しているKindle Createを利用する方法もあります。
Kindle Createを使えば、原稿をKindle向け電子書籍に変換できます。
特に、
「HTMLやEPUBの仕組みはよく分からない」
という人には便利な選択肢です。
Word原稿をベースに電子書籍を作成したい場合にも候補になります。
EPUBを直接作る方法
HTML/CSSに慣れている人なら、EPUBを直接制作する方法もあります。
例えば、
原稿
↓
HTML
↓
CSS
↓
画像
↓
EPUB
↓
Kindle向けにチェック
↓
KDPへアップロード
という制作フローです。
プログラマーやWeb制作者なら、この方法が比較的扱いやすいでしょう。
Kindle Previewerで表示を確認する
Kindle電子書籍を公開する前に、Kindle Previewerなどで表示を確認することをおすすめします。
特に確認したいのが、
-
文字サイズを変更したとき
-
スマートフォン表示
-
タブレット表示
-
Kindle端末表示
-
目次
-
画像
-
表
-
箇条書き
-
改ページ
-
リンク
などです。
リフロー型では、文字サイズを変更したときにレイアウトが変化するため、通常サイズだけ確認して終わりにしないことが重要です。
文字サイズを変更して必ずテストする
リフロー型を作る最大のポイントはここです。
例えば、
小さい文字
↓
標準サイズ
↓
大きい文字
と変更してみます。
その際、
-
見出しが切れていないか
-
画像が画面からはみ出していないか
-
表が崩れていないか
-
不自然な空白がないか
-
改ページがおかしくなっていないか
-
文章が重なっていないか
を確認します。
リフロー型に向いているKindle本
リフロー型は、特に文章中心の電子書籍に向いています。
ビジネス書
文章を中心に構成するビジネス書は、リフロー型との相性が良いでしょう。
技術書
プログラミング、AI、ITなどの技術書でもリフロー型が利用できます。
ただし、コードブロックや表については注意が必要です。
小説
小説はリフロー型の代表的な用途です。
読者が好みの文字サイズで読めるため、スマートフォンでも読みやすくなります。
ノウハウ本
副業、マーケティング、資格、勉強法などのノウハウ系コンテンツにも適しています。
プログラミング技術書はコード表示に注意
Pythonなどのプログラミング本では、通常の文章とは異なりコードがあります。
例えば、
for i in range(10):
print(i)
のようなコードです。
コードは横幅を必要とするため、スマートフォンで表示すると問題が発生することがあります。
コードを画像にしてしまう方法もありますが、文字サイズ変更や検索性などを考えると、可能な限りテキストとして扱うほうが便利です。
ただし、コードの折り返しについては、可読性とのバランスを考える必要があります。
リフロー型で避けたい制作方法
次のような方法は、リフロー型との相性がよくありません。
1. 全ページを画像化する
例えば、本全体をPDF化して、そのページを画像としてKindleに入れる方法です。
この方法では、文字サイズ変更のメリットが失われます。
2. 絶対位置でレイアウトする
position: absolute;
などを多用すると、画面サイズや文字サイズ変更時にレイアウトが崩れやすくなります。
3. 改行でレイアウトを調整する
文章文章文章文章文章
文章文章文章
のように空白や改行で位置を調整する方法は避けましょう。
4. 複雑な表を多用する
表は画面幅が狭くなったときに崩れやすいため、スマートフォンでの表示を必ず確認します。
PDFをKindleにする場合は注意
「PDFで本を作ったから、そのままKindleにアップロードすればリフロー型になる」と考えるのは危険です。
PDFは基本的にページのレイアウトを固定することを目的とした形式です。
例えばA4サイズで、
┌────────────────┐
│ Kindle電子書籍 │
│ │
│ 文章文章文章 │
│ 文章文章文章 │
└────────────────┘
と作ったPDFをスマートフォンで表示すると、ページ全体を縮小して表示することになり、読みにくくなることがあります。
そのため、文字サイズを自由に変更できるKindle本を作りたいなら、PDFをそのまま使うのではなく、リフローを前提とした電子書籍データを作ることが重要です。
AIを使ってKindleリフロー型を作ることもできる
最近では生成AIを使って電子書籍制作を効率化する方法もあります。
例えば、
企画
↓
AIで原稿作成
↓
人間が内容を確認
↓
HTML/CSSに変換
↓
EPUB化
↓
Kindle Previewerで確認
↓
KDPへ登録
という流れです。
特にHTML/CSSを扱える人なら、AIに、
「この原稿をKindleリフロー型のHTMLに変換してください」
と指示することで、電子書籍用のHTMLを作成することもできます。
ただし、AIが生成したHTMLをそのまま公開するのではなく、実機・プレビュー環境で表示を確認することが重要です。
Kindleリフロー型の制作手順まとめ
ここまでの内容をまとめると、次のようになります。
STEP1:原稿を作る
Word、Google Docs、Markdown、テキストなどで原稿を作ります。
STEP2:文章構造を整理する
タイトル、章、節、本文などを整理します。
STEP3:HTML/CSSまたは電子書籍制作ツールに変換
文章をリフロー可能な形式にします。
STEP4:EPUBを作成
必要なHTML、CSS、画像、目次などをEPUBにまとめます。
STEP5:Kindle Previewerで確認
さまざまな端末サイズで表示をチェックします。
STEP6:文字サイズを変更してテスト
ここが非常に重要です。
文字を大きくした場合でも、
-
文章
-
見出し
-
画像
-
表
-
コード
などが正常に表示されるか確認します。
STEP7:KDPにアップロード
問題がなければKindle Direct Publishing(KDP)から出版します。
リフロー型Kindleを作るときのチェックリスト
最後にチェック項目をまとめます。
-
テキストが画像になっていない
-
文字サイズを変更できる
-
スマートフォンで読みやすい
-
タブレットでも表示できる
-
見出しが適切に設定されている
-
目次が正常に動作する
-
画像が画面からはみ出さない
-
表が崩れていない
-
不必要な改行がない
-
不必要なスペースがない
-
絶対位置指定を多用していない
-
Kindle Previewerで確認している
-
文字サイズを変更して確認している
まとめ:文字サイズを自由に変更したいならリフロー型がおすすめ
Kindle電子書籍で読者が文字サイズを自由に変更できる本を作りたいなら、リフロー型を選択することが重要です。
特に、
Word原稿 → EPUB → Kindle
または、
HTML/CSS → EPUB → Kindle
という制作方法が基本になります。
重要なのは、紙の本のように「1ページのデザインを固定する」のではなく、読者の端末や文字サイズに応じて文章が自然に再配置される構造で作ることです。
文章中心のビジネス書、技術書、小説、ノウハウ本などをKindleで出版するなら、まずはリフロー型を検討するとよいでしょう。
そして公開前には、文字サイズを変更した状態で必ず表示テストを行うことが、読みやすいKindle電子書籍を作るための重要なポイントです。







