← Back to PresentationStudio
🎞️ PresentationStudio
Clean image layouts, auto-slides, and multi-format archival export — runs entirely in your browser.
Everything runs locally. No uploads, no accounts. Your images stay on your device. Exports are generated client-side using canvas, jsPDF, docx.js, and UTIF.js.
🚀 Quick Start
- Drop one or more images into the sidebar drop-zone (JPG, PNG, WebP, GIF, BMP)
- Pick a Layout Mode: Single Collage, Auto-Slides, or Contact Sheet
- Choose a Page Size (Letter, A4, Legal, Tabloid, Square, 16:9, 4:3, or Custom)
- Add a Title, Subtitle, and Footer for authorization/attribution
- Click an export button to download HTML, PDF, DOCX, PNG, or multi-page TIFF
📐 Layout Modes
| Mode | What it does |
|---|
| Single Collage | All images on one page in a clean auto-sized grid. Best for "one-sheet" summaries, ad displays, photo boards. |
| Auto-Slides | Breaks images into multiple pages, N per slide. Set Per slide to 1 for traditional slideshow, 4–6 for visual summaries. |
| Contact Sheet | Traditional 3×4 photo contact sheet layout, 12 images per page. Used by photographers and legal evidence workflows. |
Grid columns
By default, grid columns are auto-sized based on image count (1–4 images: 2 cols, 5–9: 3 cols, etc.). Override with the Grid columns field — use 0 for auto.
Image fit
- Contain — entire image visible, letterboxed with white fill (never crops)
- Cover — image fills the cell completely, cropping edges as needed
- Fill — stretches the image to the cell dimensions (can distort)
For ad authorization use cases, Contain is typically the right choice — it preserves the original framing without cropping any content.
📄 Page Settings
Page size
Standard presets:
- Letter / Legal / Tabloid — US print sizes
- A4 — international print
- Square — social media friendly (10×10 in)
- Widescreen 16:9 — video thumbnails, slides
- Standard 4:3 — classic projector aspect
- Custom — enter your own dimensions in inches
DPI (dots per inch)
| DPI | Use case |
|---|
| 96 | Screen only, smallest files |
| 150 | Draft print (default) |
| 300 | Print production |
| 600 | Archive / enlargement |
Higher DPI = much bigger files and longer render times. For 8 images at 11×8.5", 300 DPI produces ~30 MB PNGs each. Use 300+ only when print quality matters.
Styling
- Background — page background color (white by default)
- Margin — padding around all content edges
- Gap — space between images in the grid
- Border — image border thickness and color
- Corner radius — rounded image corners
🏷️ Titles & Metadata
Three text fields appear on every page:
- Title — main page header (top center, large)
- Subtitle — smaller text below the title, italicized
- Footer — bottom-center attribution / date / ownership line
Multi-page exports automatically append Page X of Y to the footer.
Caption modes
| Mode | Result |
|---|
| Off | No captions shown |
| Overlay on image | Semi-transparent bar at bottom of each image showing the caption |
| Below image | Caption text outside the image bounds |
| Numbered | Sequential numbers (1, 2, 3...) instead of captions — great for ad authorization logs |
📤 Export Formats
| Format | What you get | Best for |
|---|
| HTML | Self-contained HTML file with embedded base64 image previews, dark background, all pages | Web viewing, email, archive |
| PDF | Multi-page PDF at exact page size/DPI via jsPDF | Print, client delivery, legal archive |
| DOCX | Word document, one image per page with title/subtitle/footer | Editable delivery, brand books, submission packages |
| PNG | One PNG per page at selected DPI, downloaded as individual files | Social media, web graphics, asset delivery |
| Multi-page TIFF | Single .tif file containing all pages as separate IFDs | Archival, FEC/political-ad authorization, legal evidence, print prepress |
About the TIFF export
PresentationStudio uses UTIF.js to produce true multi-page TIFF files (each page is a separate IFD in the same file). This format is often required for:
- Political advertising authorization filings (FEC, state elections commissions)
- Legal discovery archives where each "image" needs a timestamp and page number
- Print prepress workflows that ingest multi-page TIFFs
- Long-term archival (TIFF is an ISO standard with 30+ years of stability)
TIFF files are uncompressed RGBA — they can be large (100+ MB for high-DPI multi-page exports). Start with 150 DPI to test, then bump to 300 DPI for the final file.
🖼️ Image Management
- Drag & drop multiple files at once
- ▲/▼ buttons on each item reorder the images
- Drag a thumbnail to reorder by drag-and-drop
- Caption input next to each thumbnail sets that image's caption
- A→Z button sorts by filename (numeric-aware)
- 🔀 Shuffle randomizes order
- 🗑 Clear all removes every image
💡 Tips & Tricks
- Start with 150 DPI to preview quickly, then bump to 300 for the final export once you're happy with the layout.
- Use "numbered" caption mode for ad authorization — it gives each image a clean sequence number matching any filing log.
- Single Collage mode + 300 DPI + TIFF is the standard "one-sheet authorization" workflow.
- Auto-Slides + PDF gives you a printable slide deck.
- Contact Sheet mode is ideal for showing a client dozens of variants on a few sheets.
- Title font options include Georgia, Times, Arial, Helvetica, Trebuchet, Verdana, and Courier — pick what matches your brand or filing requirements.
- Background color can be any hex — use a brand color for client decks, or pure white for print/archive.
🛠️ Troubleshooting
Export is slow or tab freezes
High DPI × large images × many pages = long render times. Try dropping DPI to 150 or splitting into smaller batches.
TIFF file is huge
UTIF encodes uncompressed RGBA — expect ~4 bytes per pixel. A 300 DPI 11×8.5" page is ~33 MP × 4 = ~130 MB per page. Lower DPI or fewer pages if size matters.
DOCX images look blurry
DOCX export scales images down to fit the page. For high-quality printable output, use PDF instead — it preserves your chosen DPI exactly.
Page preview looks different from export
The preview is a screen-sized approximation. The actual export renders at full DPI to an offscreen canvas, so small details (borders, spacing) will look crisper in the export than in the preview.
Images are cropped in "cover" mode
That's by design — cover fills the cell completely and crops excess edges. Switch to contain to preserve the entire image with letterboxing.
← Back to PresentationStudio