Explore our collection of 150+ developer tools, PDF editors, and image converters. Everything runs locally in your browser.
Ubify Media & Design Operations
UI/UX & DIGITAL MEDIA SPECIALISTS
About This Tool
This browser utility unstretches distorted photos, anamorphic video screenshots, and incorrectly rendered camera frames. When old camcorder clips, security camera recordings, or pixel-aspect-mismatched graphics display subjects that look unusually narrow or flattened, this tool restores realistic visual geometry using client-side canvas scaling.
### Processing Architecture The tool operates entirely within the HTML5 canvas runtime in your local browser tab:
- **Image Loading:** Reads your uploaded graphic via FileReader into an in-memory image element. - **Horizontal Adjustment (scaleX):** Scales the width dimension as a percentage (defaults to 133%, standard for correcting 4:3 frames squeezed into widescreen displays). - **Vertical Adjustment (scaleY):** Scales the height dimension as a percentage (defaults to 100%). - **Canvas Resampling:** Re-renders the bitmap onto a target canvas sized to $\text{round}(\text{width} \times [\text{scaleX} / 100])$ and $\text{round}(\text{height} \times [\text{scaleY} / 100])$ using high-quality image smoothing.
### Worked Example Imagine an archive video still exported from a 1440x1080 capture where human faces look unnaturally narrow and elongated:
1. **Upload File:** The user selects `cctv_export.jpg` (1440 × 1080 px). 2. **Adjust Scale:** Horizontal scale is kept at 133%, while vertical scale is maintained at 100%. 3. **Resampling:** Target width becomes $1440 \times 1.33 = 1,915\text{ px}$, while height remains 1,080 px. 4. **Export Result:** The canvas outputs a full-resolution PNG restoring realistic 16:9 widescreen proportions.
### Privacy and Client-Side Execution All bitmap transformations occur locally on your device via the HTML5 canvas 2D rendering context. Your uploaded pictures and video stills are never transferred over the internet or uploaded to any cloud server.
How to Use
- 1
Upload a stretched, squeezed, or distorted image using the file selector.
- 2
Adjust the Horizontal Scale slider (scaleX %) to widen or narrow the graphic.
- 3
Adjust the Vertical Scale slider (scaleY %) if vertical height correction is required.
- 4
Click the download button to save the un-stretched image as a PNG.
Frequently Asked Questions
Why do some video captures appear stretched or squeezed?
Older recording standards and anamorphic lenses squeeze non-square pixels into square display resolutions, requiring horizontal scaling to restore proper visual proportions.
Does this tool support batch conversions?
The current interface processes one image at a time, allowing immediate visual inspection and slider-based adjustments.
Are my images uploaded to any server for correction?
No. Rescaling and PNG generation execute entirely within your client browser using HTML5 Canvas.