Shortbread wiki
  • Comics Editor
    • Quick Start
    • Basic Prompts
    • Generate + Storyboard
    • Redraw + Storyboard
  • Best Practice for Mobile
    • Make Your Panels Big and Long
  • Q & A
    • How do I fix the color of clothes?
    • How do I fix hands?
    • How do I fix eye direction?
    • How do I remove objects?
    • How do I make a consistent background?
  • Text to Comic
    • Create a comics page with a prompt (retired)
Powered by GitBook
On this page
  • In two words: Make them BIG and LONG.
  • Small Panel: 400px
  • Square Panel: 600px
  • 3:4 Panel: 800px
  • Full Screen Panel: >1600px
  1. Best Practice for Mobile

Make Your Panels Big and Long

How to create the best viewing experience

PreviousRedraw + StoryboardNextHow do I fix the color of clothes?

Last updated 1 year ago

You're making comics on a desktop. People read comics by scrolling on their phone. A panel that looks okay on desktop might be TOO SMALL on a mobile screen.

In two words: Make them BIG and LONG.

When not sure, you can always go to https://create.shortbread.ai on your phone, and open the project to scroll and feel it out.

Small Panel: 400px

This is a close up on someone's eyes, a quick action, a hand opening a door, etc.

Square Panel: 600px

3:4 Panel: 800px

Slightly longer.

Full Screen Panel: >1600px

These panels are very immersive and good for big moments.

This is a square panel sitting in the middle of the phone screen.