Help

Everything you need to know

Getting Started

Memoir displays your photos as a cinematic slideshow with smooth Ken Burns motion and cross-dissolve transitions. To begin, click "Select Images" and choose a source, or drag and drop a folder or image files directly onto the landing page.

You can also try the Demo menu to see Memoir in action with curated Unsplash photography.

Contact

If you have any questions, comments, or suggestions, you can email me here.

Image Sources

Drag & Drop

Drag a folder or individual image files directly onto the Memoir landing page. The dashed border will appear to confirm the drop target. For folders, this will use the "Include Sub-folders" option from the settings menu.

Local Folder

Opens a folder picker. All images within the folder are loaded into the slideshow. Enable "Include Sub-folders" in the settings to recursively load images from nested subfolders.

Local Files

Opens a file picker allowing you to select multiple image files from one directory.

Google Drive

Sign in to browse and select a folder or multiple files.

Google Photos

Sign in with your Google account to open the Google Photos picker and select photos from your library or albums. Memoir requests read-only access to your files.

OneDrive

Sign in with your Microsoft account to browse and select a folder from OneDrive. Memoir requests read-only access to your files.

Known Issues

Supported Formats

Settings

Shuffle

Randomizes the order of images each time a slideshow starts.

Include Sub-folders

When enabled, Memoir recursively loads images from all sub-folders when using local folder, drag-and-drop, or cloud sources.

Prevent Sleep

Keeps your screen on while the slideshow is running using the browser's Wake Lock API. May not be supported on all browsers.

Fade

Controls the duration of the fade-in and cross-dissolve transitions between images.

Hold

Controls how long each image is displayed before the transition to the next begins.

Advanced Settings

Sweep

Changes the motion pattern from purely random to diagonal corner-to-corner traversal, ensuring as much of the image is shown as possible.

Zoom Amount

Controls the intensity of the zoom.

Blur

Controls blurring of the image.

Color Grading

Filter

Changes the color grading using various filters.

Intensity

Intensity of the color grading (0.0 = off, 1.0 = max).

TIP:

Different filters require different intensities. For example, a black & white filter is likely intended for an intensity of 1.0. Other filters, however, might look ridiculous at 1.0. If a filter looks bad initially, try turning down the intensity.

Overlay

Color

Changes the color of an overlay applied to the image.

Opacity

Controls the opacity of the overlay (0 = transparent, 1 = opaque).

TIP:

An overlay is essentially a simple form of color grading that applies a single color uniformly across the entire image. In general, it probably doesn't make sense to combine color grading with an overlay, but there are some exceptions. For example, if you want to dim the entire image after color grading, use a black overlay color and adjust the intensity accordingly.

Vignette

Radius

Controls the radius of the vignette.

Opacity

Controls the opacity of the vignette (0 = transparent, 1 = opaque).

Grain

Strength

Changes the visibility of random noise (0 = off).

Size

Controls the size of each grain, where the noise corresponds to groups of pixels. A value of 1 applies noise to individual pixels.

FPS

Controls the frames per second at which the noise is generated.

Jitter

Strength

Changes the amount that the image shakes.

FPS

Controls the frames per second at which the screen shakes.

Flicker

Min

The minimum percentage that the image is dimmed.

Max

The maximum percentage that the image is dimmed.

FPS

Controls the frames per second at which the screen is dimmed.

Length

Controls the length of each individual flicker.

Light Leaks

Strength

Controls the intensity of the light leaks (0.0 = off).

Size

Controls the size of the light leaks.

Speed

Controls the speed at which each leak moves across the screen.

Period

Controls the frequency at which light leaks are generated.

Duration

Controls the duration the light leak is visible during each period.

Dust

Strength

Specifies the intensity of the dust blobs.

Size

Controls the size of each individual blob.

FPS

Controls the frame rate at which dust blobs are shown.

Chance

Varies the probability of dust blobs being shown each frame.

Scratches

Strength

Specifies the intensity of the scratches.

Width

Controls the width of the scratches.

Height

Controls the height (relative to the screen height) of scratches.

Chance

Varies the probability of scratches being shown each frame.

Tilt Shift

The tilt-shift effect is a photo-editing technique that simulates a shallow depth of field, making real-world scenes appear like miniature models. It selectively blurs parts of an image while keeping a focused area sharp, guiding attention to a specific subject. In many cases, it also increases contrast and saturation to enhance the “toy-like” appearance.

On/Off

Turns the effect on or off.

Blur

Controls the intensity of the blurred regions that simulate shallow depth of field.

Horizontal Position

Moves the sharp region of the image horizontally.

Vertical Position

Moves the sharp region of the image vertically.

Angle

Rotates the unblurred region of the image.

Width

Controls the width of the unblurred region.

Smooth

Controls how quickly the unblurred region blends into the blurred areas.

Saturation

Adjusts the intensity of the colors in the blurred regions.

Contrast

Adjusts the difference between light and dark areas in the blurred regions.

TIP:

  • For the miniaturization effect, tilt-shift generally works best on high-angle photos, where the perspective resembles looking at a miniature model. However, it can also be used to draw attention to a region of an image by blurring the surrounding areas.

  • To ease positioning of the sharp region, set the Smooth setting to 0. This will make it obvious where the focused line will be. Rotate and position it over the part of the image you want to miniaturize. Then gradually expand the Smooth setting until it looks as desired.

Pixel Art

The Pixel Art effect transforms your images into stylized, retro-inspired artwork by reducing the overall resolution and limiting the color palette. This simulates the aesthetic of classic 8-bit and 16-bit video games, turning smooth gradients into distinct blocks of color.

On/Off

Turns the effect on or off.

Pixel Size

Controls the size of each pixel. Larger values simulate lower resolutions.

Color Levels

Reduces the color space to a range with Color Levels values for each R, G, and B color. For example, a value of 2 allows for 8 colors (2x2x2).

Edge Strength

Controls the width of detected edges.

Dither Strength

Controls the amount of dithering, which uses pixel patterns to create the illusion of additional colors and smoother gradients

Controls

Move your mouse over the slideshow to reveal the controls bar at the bottom of the screen. Controls hide automatically after 3 seconds of inactivity.

Keyboard Shortcuts

F Toggle fullscreen
Space Play / pause
Next image
Previous image
Esc Return to landing page

Multiple Displays (Beta — features may change)

Memoir can span a single image seamlessly across all your monitors simultaneously, creating an immersive multi-screen experience.

Requirements

Setup

  1. Start a slideshow
  2. Move your mouse to reveal the controls, then click the fullscreen icon in the top-right corner to go fullscreen on your primary monitor
  3. Click the Span Monitors button in the top-right controls (not visible on unsupported browsers)
  4. If prompted, grant the Window Management permission. This allows Memoir to open windows on your other monitors
  5. A new window will open on the secondary monitor. Click that window to enable fullscreen

The Span Monitors button only appears in Chrome and Edge when multiple displays are detected.

How It Works

Memoir calculates the combined virtual canvas of all your monitors and renders the correct slice of each image on each screen. The result is a single panoramic image spanning all displays, with perfectly synchronized motion and cross-dissolve transitions.

Tips

Future Plans

Multi-monitor support can potentially work on any browser and OS, but it requires knowledge of the resolution of each monitor, and their relative positions to each other. Chrome/Edge provide this information automatically. Future extensions might allow for a custom monitor definition file that will enable support everywhere.