ContactSheet Generator

ContactSheet Generator v0.3

Original image by Muchen He

This utility generates a filmic contact sheet from a folder of pictures with realistic film borders, DX codes, and frame counters. Film stock properties are based on real film stocks. Future versions will include more film stocks and options for output resolution. Web theme is inspired by the retro Windows 98 using 98.css. Render of filmstrip and contact sheet is done using p5.js. Windows 98 icons by Alex Meub. This work is licensed under the MIT License.

Made with <3 by Muchen.

Click the "Let's Go" button to start.

Load Images

"Upload" a folder of images to generate a contact sheet.

For best results, use a folder of images with a consistent aspect ratio (3:2) and keep number of images between 12 to 40.

No images will be uploaded to the server. All processing is done locally in your browser.

Processing

Processing images...

Image Preview

No images

Filmstrip Settings

No rolls loaded

Filmstrip Preview

Contact Sheet

Placeholder

Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia adipisci et cum. Eveniet culpa libero, molestias dolore tempore neque ad hic sunt eaque, ipsum maxime, laudantium nostrum odit rerum dolores.

To Do

Improve UI/UX
- ~~Add loading/progress bars~~
- ~~Make it look more like Windows 98 (retro)~~
- ~~Add fun decorations like Win98 desktop~~
- ~~Draggable windows!~~
- Improve user flow
Customizable options
- Add options for output resolution
- Add other film stocks
- Add togglable options
- Add fun effects
  - Light leaks
  - Scratches
  - Grain
  - Dusts
Improve performance
- Make this run faster
- Clean up code