Two-Image Horizontal Stitcher
Two-Image Horizontal Stitcher: Allocates composite canvas (1600x600 px) and draws Image A and Image B seamlessly side by side.
About this two-image horizontal stitcher
Place two selected images side by side on one PNG canvas.
How this tool works
Implements client-side Two-Image Horizontal Stitcher operations. Allocates composite canvas (1600x600 px) and draws Image A and Image B seamlessly side by side specifically designed for a panoramic photographer combines two adjacent images horizontally into a single panoramic canvas.
- Image Dimensions & Aspect Ratio Analysis: Computes source width, height, and greatest common divisor (GCD) to determine natural aspect ratio.
- Coordinate Transform Mapping: Maps crop rectangles [x, y, width, height] onto canvas coordinate systems, clamping to boundary limits.
- Affine Transformation & Resampling: Applies translate/rotate matrices or draws image slices using hardware-accelerated canvas resampling.
- Multi-Asset Icon Packaging: Generates 16x16, 32x32, 48x48, 180x180, and 512x512 PNG assets bundled into clean downloads.
Worked example
Scenario: Join two 3×2 test PNGs horizontally in selection order.
Sample input:
Processing: Canvas allocates 6×2, draws A at x=0 and B at x=3.
Illustrative output:
Limits and verification
Prevents upscaling beyond original dimensions when quality preservation is enabled. Crop boundaries are strictly constrained within the natural image bounds [0, 0, width, height] to prevent transparent border bleeding.
Examples demonstrate an expected workflow; they do not prove every input or every branch of an external specification. Check important results with an independent source before using them for money, security, compliance, safety, or irreversible file changes.
Browser processing boundary
Tool input is processed by code running in the browser and is not intentionally sent to a CZOA processing API. The page can still request ordinary site assets, analytics, or advertising when those services are enabled. Browser extensions and managed-device software remain outside this tool's control.
Relevant references
These references govern or help explain the format, protocol, or calculation used here. Listing a reference does not claim certification or complete implementation of every optional feature.
Content owner: CZOA Tools · Last reviewed: 2026-09-15 · Review methodology
How to use it
- Enter, paste, or select your input data into the Two-Image Horizontal Stitcher workspace controls.
- Review available parameter fields, units, formats, or options configured for your task.
- Click the action button or observe immediate live calculations rendered in your browser runtime.
- Inspect the resulting output and any diagnostic messages, then copy or download the result if needed.
Frequently asked questions
How does Image Stitcher combine two images?+
It reads the first two selected browser-decodable images, makes a canvas whose width is their widths added together and height is their larger height, draws the first at x=0 and the second immediately after it, then exports PNG.
Which controls and input requirements are available?+
Choose at least two images and use Process locally. There is no direction, alignment, crop, scale, overlap, blend, panorama, batch, or output-format control; extra selected files are ignored.
What boundaries affect the result?+
Both first images must decode in the browser and retain native dimensions. Unequal heights leave unused canvas area transparent. It only places pixels side by side; no feature matching, seam removal, or source-container preservation occurs.
What did the isolated browser run verify?+
On six localized routes, red 3×2 followed by blue 3×2 produced a 6×2 PNG with red left and blue right. Network requests observed during the example had no image payload; page assets, extensions, and storage outside the session are excluded.