MJB Studio

CROP & POSITION

Fine-tune your photo

Drag photo · resize handles · Shift-drag frame

Your photo goes hereAdd a photo to begin cropping

Crop controls

Drag to position the photo. Drag any corner or edge handle to resize. Shift-drag to move the frame; it snaps near photo edges. Scroll or pinch to zoom. With the editor focused, use arrow keys to move the photo; Shift moves faster, Alt moves the frame. Reset crop starts over. Double-click a print box to edit its crop independently.

CURRENT LAYOUTA4 · 3 × 2×2 in first row

Zoom in, then drag the photo inside the frame to reposition it. Drag the frame edge to move the crop.

Start to print

Add your photos
Choose browse files or the + button in Photo library. On desktop, you can also drop image files into the library. Select a photo to edit it. Supported formats depend on your browser; JPG, PNG, and WEBP are good starting choices.
Crop and position
Choose a Crop size. Drag the photo to pan; drag any of the eight frame handles to resize. The frame keeps the selected size’s proportions. Shift-drag moves the crop frame, with snapping near photo edges. Use the zoom slider, mouse wheel, or a two-finger pinch to zoom. The print preview updates as you edit.
Reset crop starts again at 100% zoom. If face detection is available, the program may initially center the crop on a detected face; you can still adjust it manually.
Choose a layout or add boxes
Use Change layout for saved layouts, or Custom layout to build a sheet. In the preview, choose Add photo box, select a size from the shape drawer, and click or tap an open part of the paper. The placement outline shows the size; Occupied means the box would overlap another. Nearby edges snap together. Choose Done when finished.
Arrange and assign photos
Click or tap a box to select it; Shift-click adds or removes boxes from the selection. Drag boxes to move them. Use a box’s rotate control to turn it 90°. Drag a library photo onto a print box to assign it, or select a library photo and use the box’s photo-assignment action.
Double-click a print box to crop that box independently. Double-click it again to finish. Editing another photo or box also commits the current box crop. For touch devices, the library crop editor remains available even when double-clicking is inconvenient.
Add a name tag
Select one or more boxes, then choose Add name tag. Enter the name or caption, check the live print preview, and adjust Text style if needed. Choose Apply to save or Cancel to discard the draft. The same text and formatting apply to every selected box. Reopen the editor to change or remove an existing tag.
If the text will not fit, shorten it, reduce its font size, or use fewer lines. Tags use space inside the photo box; its total printed dimensions stay unchanged.
Copy or undo
Select boxes and use Copy then Paste to duplicate their sizes, rotation, names, formatting, assigned photos, and crops. Copies use free printable space. If the selection cannot fit, nothing is pasted. Copying works within this app session, including between the preview and custom editor.
Use Undo to return to the previous supported edit. Crop drags and short zoom gestures are grouped into undo steps. The main workspace retains up to 40 steps; the custom editor has its own history. History is temporary and clears when photos are removed or replaced, or cloud settings are applied. Printing and sign-in cannot be undone.
Check the sheet
Confirm the paper size and orientation below the preview. Use Sheet zoom to inspect details, Select area to zoom into a dragged area, and Fit to return to the fitted view. The rotate-paper control switches portrait and landscape. Check names, crops, box counts, and any outside-area warning.
Print at actual size
Choose Print sheet. In the browser’s print dialog, select the matching paper size and orientation, use 100% / Actual size, and turn off scaling such as “Fit to page.” Disable browser headers and footers if shown. Review the print dialog before confirming.
Printable margins are estimates; your printer and browser determine the final output. Print one test sheet and measure a box before making multiple copies. The Print button needs at least one photo and a box inside the printable area. You can use Save as PDF when your print dialog offers it.

Keyboard shortcuts

On Mac, use ⌘ in place of Ctrl. Click the crop editor, paper, or resize handle first when a shortcut depends on focus.

Key or gesture	Where and what it does
`Ctrl` + `Z`	Undo the previous supported workspace or custom-layout edit.
`Ctrl` + `C` / `V`	Copy / paste selected photo boxes. While typing, normal text copy and paste apply.
`Ctrl` + `X`	Normal text Cut; this is not the Undo shortcut.
`Shift` + click	Add or remove a box from the selection in the preview or custom editor.
Arrow keys	Focused crop editor: move the photo 1 screen pixel. Custom paper: nudge the selected box 1 screen pixel. Active Add photo box mode: move the placement point 1 mm.
`Shift` + arrows	Move 10 pixels in the crop/custom editor, or 10 mm in box-placement mode.
`Alt` + arrows	Focused crop editor: move the frame instead of the photo. Add Shift for a larger step. Mac keyboards label Alt as Option.
`Shift` + drag	Crop editor: move the crop frame instead of panning the photo.
`Enter`	While placing boxes on the focused print sheet: add a box at the current placement point.
`Delete` / `Backspace`	Custom-layout editor: remove selected boxes when focus is not in a text field or button. The main print preview does not have this delete shortcut.
`Escape`	Close a dialog or drawer, cancel a name-tag draft, leave box-placement mode, or cancel area zoom, depending on the active control.
`Tab` / `Shift` + `Tab`	Move between controls; Space or Enter activates a focused button.
Left / right arrows on a panel divider	Desktop only: adjust panel widths. Shift uses a larger step. You can also drag the divider.

While typing in a field, browser text editing shortcuts stay in effect. There is currently no Redo shortcut.

Tools & settings

Custom layouts

Choose Custom layout, name the layout, select the paper, and add photo sizes from the palette. Drag a size onto the paper or click a size to add it in free space. Select boxes to move, rotate, add tags, copy, or paste. Use Remove selected box to delete a selection. Save and use layout stores it in this browser. The layout library lets you reuse, edit, or set a saved layout as the default. Cancel leaves the layout editor without saving its draft.

Background removal

Remove background processes the selected photo; Remove all processes uploaded photos. Restore original returns the selected photo to its original image. These actions can reset crops. Processing may need model downloads or network access, and availability depends on the browser and device. A failed face scan does not prevent manual cropping.

Library and photo assignment

Click a photo to edit its library crop. Use the remove control on a photo to remove that item, or the library’s trash control to clear uploaded photos. Removing photos clears Undo history. With several photos, boxes may initially use different library images; explicitly assign a photo when the choice matters.

Settings sync and saved work

Sync settings opens email sign-in for syncing custom layouts, name tags, default layout, and paper orientation when the configured cloud service is available. Photos remain on this device. Library photos, copied boxes, Undo history, and added preview boxes are session work; do not treat the preview as a saved project. Save a reusable layout through the custom-layout editor. Browser storage can be cleared by private browsing or browser settings.

Tablet and mobile

The panels stack as the window narrows. Use the visible Add photo box, Add name tag, Copy, Paste, and Undo controls without a keyboard. Tap an open paper area to place boxes; drag to move photos or boxes. Pinch within the crop editor to zoom. Shift-based multi-selection and fine keyboard nudging require a keyboard; individual box editing remains available with touch controls.