ゴ
GOOTAKUゴオタク
チュートリアル約8分で読めます··更新日

ウェブトゥーン縦パネルフォーマットガイド — サイズ、間隔、流れ

縦スクロールウェブトゥーンのフォーマットに関する完全ガイド——キャンバスサイズ、パネル間隔、テンポの工夫、AIでスクロール対応のエピソードを作る方法。

執筆者: Bugra, Gootaku創業者

結論

縦スクロールのウェブトゥーンは、コマを積み重ねるのではなく、キャンバスサイズ、パネル間隔、テンポの設計で読ませる。フォーマットの完全ガイドを解説する。

Webtoonメーカーを無料で試す今すぐ試す
目次

縦スクロールコミックは、単にマンガのコマを積み重ねるだけではありません。スクロールそのものがテンポの道具なのです。コマとコマの間の空間が、時間、緊張感、演出をコントロールします。このガイドでは、プラットフォームが求める技術仕様と、エピソードをプロらしく見せるフォーマットの習慣をカバーします。

コマ自体をAIで作りたい場合は、Gootakuスタジオまたは専用のウェブトゥーン作成フローから始めてください——このガイドはそれらをどう組み立てるかに焦点を当てています。

---

標準的なウェブトゥーンのキャンバスサイズ

ほとんどのプラットフォームは同じ寸法に収束しています。

  • 幅:800pxが事実上の標準です(Webtoon Canvasはこれを要求します)。1600px幅でデザインし、50%に縮小して書き出すと、Retinaディスプレイでもくっきりした線になります。
  • エピソードの高さ:プラットフォームは長いストリップを受け付けますが、アップロードをチャンクに分割します——Webtoon Canvasは各画像を高さ1280px、2MBまでに制限し、1エピソードあたり最大100枚の画像が可能です。
  • セーフマージン:テキストと顔は左右の端から少なくとも60〜80px離してください。スマホは思ったより切り取りませんが、親指はもっと画面を覆います。
一般的なエピソードは60〜90コマ分の縦の空間で、これは通常15,000〜25,000pxのスクロール高さになります。横長・縦長・正方形のコマの違いは、漫画のコマのアスペクト比ガイドで比較しています。

パネルの間隔があなたのテンポ

紙のマンガでは、ガター(コマ間の余白)は固定です。ウェブトゥーンではビートとビートの間で読者がどれだけ移動するかを自分で選べます。

  • 狭い間隔(50〜150px):素早い会話、アクションの連鎖、コメディのリズム。
  • 中程度の間隔(300〜600px):シーンの転換、静寂のビート。
  • 大きな空白(800〜1500pxのほぼ空のスペース):恐怖、期待感、演出の前の間。スクロール自体がページめくりになります。
最も一般的な初心者の間違いは、間隔を均一にしてしまうことです——それでは全てのシーンが同じテンポに平坦化されてしまいます。紙のレイアウトでコマの構図を変えるのと同じように、意図的に変化させましょう。

細い帯のためにコマを構成する

  • 縦長・正方形のパネルを優先する。 横長の映画的なフレームは800px幅では読めなくなります。状況説明ショットが必要なときは縦に作ってください——建物や風景を読者にスクロールで下らせましょう。
  • 1コマにつき1つのアイデア。 縦スクロールの読者は速く動くため、密度の高い複数アクションのコマは流し読みされてしまいます。
  • 顔と手が物語を運ぶ。 クローズアップは、フルボディのワイドショットよりスマホでずっと読みやすいです。
  • 視線を下方向に誘導する。 対角線、落下する動線、視線の方向は、横ではなく次のコマへと引き込むようにしましょう。
AIウェブトゥーンジェネレーターでコマを生成する際は、縦長のアスペクト比とクローズなフレーミングを指定してください——無駄な生成をずっと減らせます。

縦フォーマットでのテキストと吹き出し

  • 吹き出しは帯幅の中央70%以内に収めてください。
  • フォントサイズ:幅800pxで28〜36px——これより小さいと古いスマホで読めなくなります。
  • 長いセリフは1つの文字の壁にせず、連続するコマに分割してください。スクロールは複数の吹き出しでのやり取りを自然に感じさせます。詳しくは吹き出しデザインガイドで形やしっぽについて解説しています。

色、トーン、ファイル管理

縦スクロールプラットフォームは圧倒的にフルカラーです——1つの光源によるフラットなセルシェーディングがスマホサイズで最も読みやすくなります(ウェブトゥーンのための色彩理論を参照)。線画が多いアートはPNGで、絵画的なコマは90%品質のJPGで書き出し、公開前には必ずスライスしたエピソードを実際のスマホでプレビューしてください。

AIパネルを使った実践的なワークフロー

  1. エピソードをビートリストとして脚本化する——1コマにつき1行。
  2. Gootakuでキャラクターに一貫性のあるコマを生成し、保存したキャラクターでパネル間の一貫性を保つ。
  3. 800px幅のキャンバスにコマを組み立て、ビートごとに間隔を設定する——会話は狭く、クリフハンガーの前は広く。
  4. 最後に吹き出しと効果音を追加し、すべての要素を中央セーフゾーンに照らして確認する。
  5. スライスし、アップロードし、公開する——Webtoon CanvasとTapasのガイドで両プラットフォームを解説しています。
すべてのエピソードは未解決のビートで終わらせましょう——クリフハンガーガイドには縦フォーマットで機能する10のパターンが載っています。

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生成1回、2日ごとに+1回。

作成を始める

On the go? Get the Gootaku iPhone app.

関連ガイド

マンファとは? 韓国コミックを解説(マンガ・漫画との違い)

マンファは韓国のコミックですが、単なる「韓国のマンガ」ではありません。マンファを際立たせる特徴、代表的なタイトル、そしてAIでの作り方を学びましょう。…

ウェブトゥーンとは? 定義、起源、マンガとの違い

ウェブトゥーンとは、スマホでの縦スクロール向けに作られた韓国発のデジタルコミックです。ウェブトゥーンとは何か、どこから来たのか、なぜ成長したのかを解説します。…

AIマンファ生成ツール — ウェブトゥーン風マンファをオンラインで作る

AIマンファ生成ツールで韓国風マンファを作ろう——フルカラー、縦スクロール、一貫したキャラクター。絵のスキル不要、無料で始められ、サブスクリプションなし。…

ウェブトゥーンのための色彩理論 — 実践ガイド

色はウェブトゥーンの感情的インパクトの半分を占めます。パレット構築、ムードマッピング、照明を学びましょう——一貫性のためのAIプロンプトテンプレート付き。…

2026年版 AIウェブコミックの収益化方法 — 実践ガイド

AIマンガ・コミック・ウェブトゥーンで収益を得るための実証済み8つの方法 — プラットフォームプログラム、Patreon、グッズ、KDP、そしてそれぞれの現実的な収入。…

AI漫画をオンラインで公開する方法 — 2026年に読者を見つける

AI漫画が完成した——次はどうする?2026年にWebtoon、Tapas、Redditで読者を増やすための実践ガイド。…