ウェブトゥーン縦パネルフォーマットガイド — サイズ、間隔、流れ
縦スクロールウェブトゥーンのフォーマットに関する完全ガイド——キャンバスサイズ、パネル間隔、テンポの工夫、AIでスクロール対応のエピソードを作る方法。
執筆者: Bugra, Gootaku創業者
結論
縦スクロールのウェブトゥーンは、コマを積み重ねるのではなく、キャンバスサイズ、パネル間隔、テンポの設計で読ませる。フォーマットの完全ガイドを解説する。
目次
縦スクロールコミックは、単にマンガのコマを積み重ねるだけではありません。スクロールそのものがテンポの道具なのです。コマとコマの間の空間が、時間、緊張感、演出をコントロールします。このガイドでは、プラットフォームが求める技術仕様と、エピソードをプロらしく見せるフォーマットの習慣をカバーします。
コマ自体をAIで作りたい場合は、Gootakuスタジオまたは専用のウェブトゥーン作成フローから始めてください——このガイドはそれらをどう組み立てるかに焦点を当てています。
---
標準的なウェブトゥーンのキャンバスサイズ
ほとんどのプラットフォームは同じ寸法に収束しています。
- 幅:800pxが事実上の標準です(Webtoon Canvasはこれを要求します)。1600px幅でデザインし、50%に縮小して書き出すと、Retinaディスプレイでもくっきりした線になります。
- エピソードの高さ:プラットフォームは長いストリップを受け付けますが、アップロードをチャンクに分割します——Webtoon Canvasは各画像を高さ1280px、2MBまでに制限し、1エピソードあたり最大100枚の画像が可能です。
- セーフマージン:テキストと顔は左右の端から少なくとも60〜80px離してください。スマホは思ったより切り取りませんが、親指はもっと画面を覆います。
パネルの間隔があなたのテンポ
紙のマンガでは、ガター(コマ間の余白)は固定です。ウェブトゥーンではビートとビートの間で読者がどれだけ移動するかを自分で選べます。
- 狭い間隔(50〜150px):素早い会話、アクションの連鎖、コメディのリズム。
- 中程度の間隔(300〜600px):シーンの転換、静寂のビート。
- 大きな空白(800〜1500pxのほぼ空のスペース):恐怖、期待感、演出の前の間。スクロール自体がページめくりになります。
細い帯のためにコマを構成する
- 縦長・正方形のパネルを優先する。 横長の映画的なフレームは800px幅では読めなくなります。状況説明ショットが必要なときは縦に作ってください——建物や風景を読者にスクロールで下らせましょう。
- 1コマにつき1つのアイデア。 縦スクロールの読者は速く動くため、密度の高い複数アクションのコマは流し読みされてしまいます。
- 顔と手が物語を運ぶ。 クローズアップは、フルボディのワイドショットよりスマホでずっと読みやすいです。
- 視線を下方向に誘導する。 対角線、落下する動線、視線の方向は、横ではなく次のコマへと引き込むようにしましょう。
縦フォーマットでのテキストと吹き出し
- 吹き出しは帯幅の中央70%以内に収めてください。
- フォントサイズ:幅800pxで28〜36px——これより小さいと古いスマホで読めなくなります。
- 長いセリフは1つの文字の壁にせず、連続するコマに分割してください。スクロールは複数の吹き出しでのやり取りを自然に感じさせます。詳しくは吹き出しデザインガイドで形やしっぽについて解説しています。
色、トーン、ファイル管理
縦スクロールプラットフォームは圧倒的にフルカラーです——1つの光源によるフラットなセルシェーディングがスマホサイズで最も読みやすくなります(ウェブトゥーンのための色彩理論を参照)。線画が多いアートはPNGで、絵画的なコマは90%品質のJPGで書き出し、公開前には必ずスライスしたエピソードを実際のスマホでプレビューしてください。
AIパネルを使った実践的なワークフロー
- エピソードをビートリストとして脚本化する——1コマにつき1行。
- Gootakuでキャラクターに一貫性のあるコマを生成し、保存したキャラクターでパネル間の一貫性を保つ。
- 800px幅のキャンバスにコマを組み立て、ビートごとに間隔を設定する——会話は狭く、クリフハンガーの前は広く。
- 最後に吹き出しと効果音を追加し、すべての要素を中央セーフゾーンに照らして確認する。
- スライスし、アップロードし、公開する——Webtoon CanvasとTapasのガイドで両プラットフォームを解説しています。
60コマ以上にわたって余白・縦位置の構図・キャラクターの一貫性を保つことが、ウェブトゥーン一話のいちばん難しい部分です。GootakuのComic Makerはビートのリストから各コマを縦長比率で、保存したキャラクター参照つきで生成するので、上で説明したレイアウト作業が一貫した絵の上に乗ります。
Comic Makerを無料で試す → —— 登録時に1トークン、2日ごとにさらに1トークン、カード登録不要。
---
More ways to bring this to life
FAQ
ウェブトゥーンのパネルはどのくらいのサイズにすべきですか?
幅800px(または1600pxで作って縮小)で作業してください。個々のパネルの高さは自由ですが、アップロードする画像スライスはWebtoon Canvasで最大高さ1280pxまでにしてください。テキストは幅の中央70%以内に収めましょう。
ウェブトゥーンのエピソードはどのくらいの長さにすべきですか?
成功しているエピソードのほとんどは40〜90コマ、およそ15,000〜25,000pxのスクロールです。30コマより短いと週刊読者には物足りなく感じられ、100コマを超えるとスケジュールを維持するのが難しくなります。
マンガのページをウェブトゥーンフォーマットに変換できますか?
はい。ただし、ページをそのままストリップに切り出すだけではいけません。コマを1列に再構成し、顔や重要なアクションを拡大し、スクロールのテンポに合わせてガターを再調整してください。違いについてはマンガ vs コミック vs ウェブトゥーンで解説しています。
AIはウェブトゥーン向けのコマを生成できますか?
はい——一貫したキャラクターで縦長のアスペクト比のコマを生成し、それを自分で組み立ててレタリングしてください。Gootakuのスタジオはまさにこのコマ単位のワークフローのために作られています。
---
Gootakuで無料で始める → — 登録時に1トークン、2日ごとにさらに1トークン、サブスクリプションなし。
---
続けて読む
- AIでウェブトゥーンを作る方法 — 2026年版完全ガイド
- ウェブトゥーン/マンファ スタイルガイド — 韓国発の縦スクロールコミック
- Webtoon Canvasで公開する方法 — 2026年版完全ガイド
- AIウェブトゥーン生成ツール — 縦型コミックを素早く作る
関連ガイド
マンファとは? 韓国コミックを解説(マンガ・漫画との違い)
マンファは韓国のコミックですが、単なる「韓国のマンガ」ではありません。マンファを際立たせる特徴、代表的なタイトル、そしてAIでの作り方を学びましょう。…
ウェブトゥーンとは? 定義、起源、マンガとの違い
ウェブトゥーンとは、スマホでの縦スクロール向けに作られた韓国発のデジタルコミックです。ウェブトゥーンとは何か、どこから来たのか、なぜ成長したのかを解説します。…
AIマンファ生成ツール — ウェブトゥーン風マンファをオンラインで作る
AIマンファ生成ツールで韓国風マンファを作ろう——フルカラー、縦スクロール、一貫したキャラクター。絵のスキル不要、無料で始められ、サブスクリプションなし。…
ウェブトゥーンのための色彩理論 — 実践ガイド
色はウェブトゥーンの感情的インパクトの半分を占めます。パレット構築、ムードマッピング、照明を学びましょう——一貫性のためのAIプロンプトテンプレート付き。…
2026年版 AIウェブコミックの収益化方法 — 実践ガイド
AIマンガ・コミック・ウェブトゥーンで収益を得るための実証済み8つの方法 — プラットフォームプログラム、Patreon、グッズ、KDP、そしてそれぞれの現実的な収入。…
AI漫画をオンラインで公開する方法 — 2026年に読者を見つける
AI漫画が完成した——次はどうする?2026年にWebtoon、Tapas、Redditで読者を増やすための実践ガイド。…