ウェブトゥーン縦パネルフォーマットガイド — サイズ、間隔、流れ
縦スクロールウェブトゥーンのフォーマットに関する完全ガイド——キャンバスサイズ、パネル間隔、テンポの工夫、AIでスクロール対応のエピソードを作る方法。
縦スクロールコミックは、単にマンガのコマを積み重ねるだけではありません。スクロールそのものがテンポの道具なのです。コマとコマの間の空間が、時間、緊張感、演出をコントロールします。このガイドでは、プラットフォームが求める技術仕様と、エピソードをプロらしく見せるフォーマットの習慣をカバーします。
コマ自体を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のガイドで両プラットフォームを解説しています。
---
FAQ
ウェブトゥーンのパネルはどのくらいのサイズにすべきですか?
幅800px(または1600pxで作って縮小)で作業してください。個々のパネルの高さは自由ですが、アップロードする画像スライスはWebtoon Canvasで最大高さ1280pxまでにしてください。テキストは幅の中央70%以内に収めましょう。
ウェブトゥーンのエピソードはどのくらいの長さにすべきですか?
成功しているエピソードのほとんどは40〜90コマ、およそ15,000〜25,000pxのスクロールです。30コマより短いと週刊読者には物足りなく感じられ、100コマを超えるとスケジュールを維持するのが難しくなります。
マンガのページをウェブトゥーンフォーマットに変換できますか?
はい。ただし、ページをそのままストリップに切り出すだけではいけません。コマを1列に再構成し、顔や重要なアクションを拡大し、スクロールのテンポに合わせてガターを再調整してください。違いについてはマンガ vs コミック vs ウェブトゥーンで解説しています。
AIはウェブトゥーン向けのコマを生成できますか?
はい——一貫したキャラクターで縦長のアスペクト比のコマを生成し、それを自分で組み立ててレタリングしてください。Gootakuのスタジオはまさにこのコマ単位のワークフローのために作られています。
Related guides
マンガの表紙の作り方(ステップバイステップガイド)
クリックされるマンガの表紙の作り方を学ぼう — 構成要素、ステップバイステップのプロセス、コピペ可能なAIプロンプト、実際に効果のあるWebtoonサムネイルのコツ。…
マンガの主人公のデザイン方法 — キャラクターガイド
記憶に残るマンガの主人公をデザインしよう — 明確なビジュアルアイデンティティ、説得力のあるバックストーリー、AI対応のキャラクタープロンプト。初心者向け基礎編。…
マンガの悪役の書き方 — 敵役を作り込む
魅力的なマンガの敵役を作りましょう。悪役のアーキタイプ、動機、哲学、ビジュアルデザイン、セリフのパターンを網羅。今日から悪役を書き始めましょう。…
アクション漫画の殺陣(コレオグラフィ)— 戦闘シーンの魅せ方
アクション漫画は殺陣(コレオグラフィ)で決まる。カメラアングル、モーションの経済性、AI生成プロンプトを使ってコマ単位で戦闘シーンを組み立てる方法を学ぶ。…