GOOTAKUゴオタク
← ブログに戻る
チュートリアル約8分で読めます·

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

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

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

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

---

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

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

  • 幅:800pxが事実上の標準です(Webtoon Canvasはこれを要求します)。1600px幅でデザインし、50%に縮小して書き出すと、Retinaディスプレイでもくっきりした線になります。
  • エピソードの高さ:プラットフォームは長いストリップを受け付けますが、アップロードをチャンクに分割します——Webtoon Canvasは各画像を高さ1280px2MBまでに制限し、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 CanvasTapasのガイドで両プラットフォームを解説しています。
すべてのエピソードは未解決のビートで終わらせましょう——クリフハンガーガイドには縦フォーマットで機能する10のパターンが載っています。

---

FAQ

ウェブトゥーンのパネルはどのくらいのサイズにすべきですか?

幅800px(または1600pxで作って縮小)で作業してください。個々のパネルの高さは自由ですが、アップロードする画像スライスはWebtoon Canvasで最大高さ1280pxまでにしてください。テキストは幅の中央70%以内に収めましょう。

ウェブトゥーンのエピソードはどのくらいの長さにすべきですか?

成功しているエピソードのほとんどは40〜90コマ、およそ15,000〜25,000pxのスクロールです。30コマより短いと週刊読者には物足りなく感じられ、100コマを超えるとスケジュールを維持するのが難しくなります。

マンガのページをウェブトゥーンフォーマットに変換できますか?

はい。ただし、ページをそのままストリップに切り出すだけではいけません。コマを1列に再構成し、顔や重要なアクションを拡大し、スクロールのテンポに合わせてガターを再調整してください。違いについてはマンガ vs コミック vs ウェブトゥーンで解説しています。

AIはウェブトゥーン向けのコマを生成できますか?

はい——一貫したキャラクターで縦長のアスペクト比のコマを生成し、それを自分で組み立ててレタリングしてください。Gootakuのスタジオはまさにこのコマ単位のワークフローのために作られています。

作家になる

自分だけの漫画を作りませんか?

無料で開始 — カード不要。月10回のAI生成。

作成を始める ⚡

Related guides