Runs in your browser with pdf-lib
Image Storyboard to PDF — put your frames in order, add the script, print the board
Add sketches, photos or screenshots, drag them into sequence and give each one a title, a description and a duration. Lay them out one per page, as a grid, with lines for notes or as a film strip, and download a PDF.
- Drag frames into order
- Durations and total time
- 4 layouts, live preview
- Images not uploaded to our server
Make a storyboard from images
Add your frames, put them in order and write what happens in each. The preview updates as you go, and the board downloads as a PDF.
Drop your images here
JPG, PNG, WEBP, GIF, BMP or AVIF: sketches, photos or screenshots
Board settings
Remembered on this devicePreview
Your frames and text are kept in this browser as you work, so you can close the tab and come back.
Frames
Drag the dotted handle or use the arrows to change the order. Click a picture to see it full size.
Next steps
More ways to work with the storyboard PDF.
What this tool does
A folder of pictures becomes a plan. Numbered, timed and ready to print.
A storyboard shows each shot in order with what happens and how long it lasts, so a video, ad, lesson or comic can be checked before anyone films or draws the final version.
What you get
- Frames in the order you choose: drag them, or use the arrow buttons on a phone or keyboard.
- A title, a description or script line and a duration on every frame, with the total running time on each sheet.
- Four layouts: one frame per page, a grid of up to 36, panels with lines for notes, or a film strip.
- Text in any language your device can show, including Hindi and Gujarati.
- Phone photos the right way up, and pictures never stretched or cropped.
- Your work kept in this browser as you go, to finish later.
What it can't do
- Open HEIC photos in most browsers. Save iPhone photos as JPG first.
- Animate. A GIF is placed as its first frame.
- Make the text searchable. Titles and descriptions are drawn as a sharp 300 dpi layer, not as selectable text.
- Share the draft. It lives only in this browser on this device.
How to make a storyboard PDF in three steps
Add the frames, write the script, download.
Add your images
Drop them anywhere on the tool or click Select images. They are sorted by file name, so shot-01, shot-02 land in order.
Order and describe
- Drag the dotted handle, or use the arrows.
- Type a title, a description and the seconds.
- Pick a layout and check the preview.
Download
One PDF for printing or sharing, a PDF per frame in a ZIP, or PNG sheets for slides and chat.
Settings that work for your project
A starting point for each kind of board.
| Project | What the board is for | What to set |
|---|---|---|
| Reel, short or ad | Shot order, what is said, and that it fits 30 or 60 seconds. | Film strip, Shot labels, seconds on every frame. |
| Client approval | A numbered board people can comment on. | Grid 3 × 2, Number labels, Download PDF. |
| Wedding or event film | Planning the must-have moments with the couple. | Panels with notes, Scene labels, Serif font. |
| Classroom or training video | Matching each slide or screenshot to its script. | One frame per page, 6 description lines. |
| Comic or picture book | Checking page turns and pacing. | Grid 4 × 2 portrait, Handwritten font, durations off. |
| App or website flow | Showing screens in the order a user sees them. | Grid on a 16:9 slide, PNG sheets for the presentation. |
| Shared with an editor | One file per shot to drop into a timeline folder. | A PDF per frame (ZIP). |
The details
How the PDF is put together
What happens to your pictures and text.
Pictures
Each picture is turned by its EXIF rotation, fitted whole into its frame, and saved as a JPEG at 300 dpi for the size it is printed, or 150 dpi for a smaller file. Pictures are never enlarged past their own pixels.
Text
Titles, descriptions, labels and times are drawn with your device's fonts, so any script works, then added as one 300 dpi layer per page. Long text ends with … to fit the lines you chose.
Durations
Seconds under a minute show as 4.5 s, longer ones as 1:05. The total of all frames shows on every sheet and above the frames.
Layouts
One frame per page gives the picture most of the page with the script below. Grid and film strip fit columns times rows on a sheet. Panels with notes put the picture left and ruled lines right.
The saved draft
Pictures and text are kept in your browser's own storage (IndexedDB) a moment after each change. Next visit, the tool offers to restore them. Start over deletes the copy.
Downloads
A PDF per frame uses the one-frame-per-page layout and is named like storyboard-frame-03-Opening.pdf. PNG sheets are 200 dpi; more than one comes as a ZIP.
When the storyboard doesn't come out right
What usually causes it, and what to change.
A photo is skipped
It is HEIC from an iPhone, or the file is damaged.
Save it as JPG: on iPhone, Settings, Camera, Formats, Most Compatible.
Frames in the wrong order
New images are sorted by file name.
Drag them, use the arrows, or name files 01, 02, 03 before adding.
Description ends with …
It is longer than the description lines allow.
Add lines, use a smaller text size, or One frame per page.
The PDF is too big to email
Many large photos at print quality.
Choose Smaller file, 150 dpi, or use Compress PDF.
The draft didn't come back
Private browsing, cleared site data, or another browser.
Use the same browser in a normal window, and download the PDF before you close it.
Pictures look small
Many frames per sheet, or lots of text.
Fewer columns or rows, fewer description lines, or A3 paper.
Boards that get approved faster
Habits that make a storyboard easy to follow and discuss.
Name files in order
01-intro.jpg, 02-product.jpg: they land in the right order and you skip the dragging.
Short titles, clear actions
"Close-up: she opens the box" says more than a long title. Put dialogue in the description.
Time every frame
The total running time shows at once whether a 30-second ad really fits.
Keep one shape
Crop sketches or photos to the same shape, such as 16:9, so the frames line up.
Number for feedback
With Number or Shot labels, people can write "change shot 7" instead of describing it.
Download a copy
The browser draft is handy, but a downloaded PDF is the copy that lasts.
Common questions about Image Storyboard to PDF
If something's not covered here, the sections above likely have it.
Are my images uploaded to a server?
No. The images are read, laid out and turned into a PDF in your browser, and they aren't uploaded to our server. The draft is kept in your browser's own storage on this device.
How does the saved draft work?
A moment after each change, your pictures, their order and the text are saved in this browser (IndexedDB). When you come back on the same device and browser, the tool offers to restore them. Start over deletes the saved copy. Private windows and clearing site data remove it too.
How many frames can I add?
Up to 300 frames on one board. Many large photos use more memory and take longer to save, so very big boards are faster with Smaller file quality.
What's the difference between the downloads?
Download PDF makes one PDF in the layout you chose. A PDF per frame (ZIP) makes a one-page PDF for each frame, numbered as on the board. PNG sheets saves each sheet as a 200 dpi picture, in a ZIP when there is more than one.
Will my phone photos come out sideways?
No. Photos are turned using the rotation your phone saves in the file, the same way your gallery shows them.
Can I write in Hindi or Gujarati?
Yes. Titles and descriptions are drawn with your device's fonts, so any language your device can show will print. The text is part of an image layer, so it can't be selected or searched in the PDF.
Can I change the storyboard after downloading?
Yes, as long as the draft is still in this browser. Edit the frames or settings, then download again. The downloaded PDF itself doesn't change.
Build notes
How this storyboard tool works under the hood
I wrote up how to build a browser-based image storyboard to PDF tool: reordering frames, keeping a draft in the browser, and making the PDF on the user's own device.
How to Build a Browser-Based Image Storyboard to PDF Tool Using JavaScript
Covers drag-and-drop reordering, browser draft storage and generating multi-page and single-page PDFs client-side. It describes the first version, built with jsPDF; this page now uses pdf-lib, keeps drafts in IndexedDB and adds the sheet layouts.