Load your tachie diffs to start
drag images here
A tool for trimming and aligning the expression diffs of a standing character portrait (tachie) used in TRPG online sessions and game streams. If you crop each expression diff by hand, the crop position drifts slightly from image to image, so the character jumps around when you switch expressions in Cocofolia. This tool loads several diffs at once and applies the same frame (aspect ratio and resolution) and the same scale and position to all of them, so they stay aligned no matter which one you show. Load your diffs with the Load images button or by dragging them onto the canvas (multiple selection and multi-drop supported). Loaded diffs appear as thumbnails you can click to preview or remove individually with the × button. Then set the frame ratio (3:4, 2:3, 1:1, 9:16, or a custom W:H) and a height in pixels, choose Contain (fit the whole image) or Cover, scale with the slider, and drag to fine-tune the position. Scale and position apply to every diff at once, so identically sized diffs all line up after a single adjustment. The background is transparent by default (tick the box to fill it with a color), so the area around the figure stays transparent in the output. When you're done, Download all saves the trimmed diffs — a single zip of transparent PNGs (keeping the original file names) for multiple images, or a single PNG for one. Loading, trimming, and saving all happen inside your browser (canvas); your images are never uploaded, stored, or sent to a server.
How to use
- Load several expression diffs with the button or by dragging them onto the canvas (multiple supported).
- Set the frame ratio (3:4, etc., or a custom W:H) and height in px, pick Contain / Cover, then scale and drag to position (applies to every diff at once).
- Keep the background transparent (or fill it), then Download all — a zip of transparent PNGs for several, or a single PNG for one. Nothing is uploaded.
FAQ
Are the images I load sent to a server?
No. Loading, trimming, and saving all run entirely inside your browser (canvas). Your images are never uploaded, stored, or sent to a server, so you can handle character art and your own diffs freely.
What does 'aligning the diffs' mean?
It means every expression diff is trimmed with the same frame, the same scale, and the same position. For diffs that start at the same size, one adjustment lines them all up, so the character doesn't shift when you switch expressions in Cocofolia or similar tools.
Is transparency preserved?
Yes. The background stays transparent in the exported PNG by default, so a figure with a transparent surround works directly in session tools that layer the tachie over a background. To fill the background, tick 'fill background' and choose a color.
Can I save several diffs at once?
Yes. Load several images and press Download all to get a single zip of transparent PNGs that keep their original file names. If you've loaded only one, it's saved as a single PNG instead.
Can I choose the frame size?
Ratios include 3:4, 2:3, 1:1, and 9:16 presets, plus a custom W:H. Enter a height in pixels and the width is derived from the ratio. Because tachie are usually tall, the default is 3:4 at 1200 px high.