Creation field notes · English edition
Reformat a Comic Page for Webtoon Without Breaking the Story
Map page panels into a vertical sequence, protect reveals and dialogue, and review export seams with an original four-beat reflow worksheet.
By LlamaGen Editorial · Published
Download the review template (CSV)
Reflow first, slice after the story works
To adapt a page comic for vertical scrolling, identify the intended panel order, map the story beats into a scroll sequence, then review framing and lettering before cutting upload files. Resizing the entire page makes it narrower; it does not necessarily make its story readable on a phone.
This guide is a narrative reflow method, not a promise that LlamaGen automatically separates every panel or redraws missing backgrounds. Use artwork you own or have permission to adapt. Keep an untouched source and a separate working edition.
If you have not chosen the first reading edition, start with webtoon versus page-comic format selection. Dimensions and upload requirements belong in the canvas-size guide.
Step 1: assign IDs before moving panels
Mark each source panel and its dialogue. Record whether the sequence reads left to right, right to left or follows another explicit route. A screenshot's file order is not a reliable story order.
Use the same original greenhouse scene as the format comparison. Ada enters, sees an empty bench, finds a lamp and notices her wrist light responding. Treat the event order as locked while experimenting with composition.
A panel may carry two beats. Split the reading task on paper before splitting the artwork. If the source does not contain enough image information for separate crops, plan an edit or new drawing; do not pretend that enlarging empty pixels supplies it.
Step 2: build a source-to-scroll map
The map is an editorial plan, not an output review. Mark each row planned until you have inspected the actual scroll. A correctly numbered sequence can still fail when a tiny prop or unreadable line carries its central meaning.
If an original wide panel contains both the bench and lamp, consider a deliberate setup crop followed by the full detail. Verify that the crops remain truthful to the scene rather than implying the lamp moved to another location.
| Source ID | Story job | Scroll decision | Risk to inspect |
|---|---|---|---|
| P01 | Ada enters greenhouse | Establish place and direction | Crop must retain the entrance |
| P02 | Bench appears empty | Hold the apparent absence | Do not show lamp in the same viewport too early |
| P03 | Small lamp is discovered | Give the detail readable space | Lamp must remain visible at phone size |
| P04 | Wrist light responds | Complete the connection | Keep both cause and response understandable |
Step 3: separate three kinds of spacing
Space between story beats affects when a reader discovers information. Space inside a panel gives the drawing and lettering room. File boundaries are packaging decisions. These can interact, but they are not interchangeable.
Do not use a file split as the only way to hide a reveal: readers often experience the uploaded slices as one continuous scroll. Conversely, adding blank space without checking the device can create a long empty wait rather than a useful pause.
WEBTOON's own preview guidance recommends checking order, lettering, gutters and clarity. Use an actual target-width preview instead of assigning a universal number of pixels to suspense.
Step 4: move lettering with its speaker
After changing the crop, identify every balloon's speaker again. A tail that worked on a wide page may point at empty space or another person in a narrow frame. Check the order of question and reply across the entire sequence.
If text crowds the important object, decide whether the line can be shortened, a balloon can move or the drawing needs more room. Preserve the speaker's intention and any clue carried by the line, then return to the actual layout. A fitting preview alone does not approve the final illustration.
A flattened image can leave a hole when lettering is removed. Work from editable layers when you have them; otherwise repair and review the source deliberately. Do not describe a new crop as lossless when it removes essential information.
Step 5: inspect seams and encoded files
Once the sequence reads correctly, prepare the file layout for the destination. Use a supported editor for composition. The webcomic platform converter provides plans and supported local image exports; it is not a narrative reflow engine. Its source profiles have their own verification dates, so consult current official requirements before delivery.
Keep seams away from faces, balloons and important actions where possible. Inspect the last visible content of one file and the first content of the next. A mathematically valid cut can still bisect the lamp that explains the scene.
Use the smart webtoon cutter to review candidate cuts for an already prepared strip. Automated low-ink suggestions still need your review. Preserve the original sequence and avoid repeated lossy re-exports while editing.
A compact acceptance pass
Read the scroll once without the source page. Can you explain what Ada found and why her wrist matters? Then compare with the panel map: did every necessary event survive, and is the order still correct? These are different checks.
Record any intentional deviation. A reordered reaction may change the emotional beat; a crop that loses the entrance may confuse geography. Accept those changes only as conscious editorial choices.
Finally, inspect a desktop and phone preview in the destination where available. No tool in this guide guarantees content-policy approval, publication, monetization or universal image compatibility. Keep the review sheet with the actual exported edition.
Reflow pass:
1. Mark source panel IDs and original reading direction.
2. Assign each visible story beat a destination in the scroll.
3. Review the first viewport in which a reveal becomes visible.
4. Check speaker tails and essential props after cropping.
5. Inspect seams in the actual ordered export.
6. Record intentional changes; retain the source edition.