Image Resizer
Resizes a browser-decodable image to the selected width and height through canvas. The dimensions are independent; aspect ratio is not automatically preserved.
About this image resizer
Resizes a browser-decodable image to the selected width and height through canvas. The dimensions are independent; aspect ratio is not automatically preserved Processes media assets directly in the browser using HTML5 Canvas and WebAssembly decoders, ensuring zero file uploads.
Image processing & canvas pipeline
Performs high-precision 2D affine geometric transformations, aspect-ratio scaling, and rectangular cropping on raster images. Algorithms calculate proportional scaling factors preserving aspect ratios (e.g. 16:9, 4:3, 1:1, 9:16), implement bilinear interpolation for smooth downsampling, and execute 90-degree orthogonal rotations and horizontal/vertical reflections without interpolation loss. Generates multi-resolution icon packages for iOS (Apple Touch Icon), Android (Adaptive Icons), and desktop favicons.
Worked image transformation example
Scenario: Resize a 12×9 four-color PNG to 6×4.
Sample input:
Processing: Canvas allocates 6×4 and draws the decoded source to fill it.
Illustrative output:
Resolution, dimension & memory limits
Width and height are rounded and clamped to 1–4096 pixels independently, so the original aspect ratio is not preserved. The browser must decode the source and support Canvas 2D; output is PNG.
Image Resizer image operations execute in client memory via HTML5 Canvas and browser decoders. Inspect output previews before replacing source assets.
In-memory image processing boundary
File buffers and document assets in Image Resizer are processed in-memory via local browser APIs with zero file uploads to CZOA servers.
Image format & W3C Canvas standards
W3C Canvas 2D context specifications and standard image container formats:
Image Resizer verification · Audit standards
How to use it
- Choose a browser-decodable image.
- Enter the output width and height in pixels, then select Process locally.
- Inspect and download the resized PNG.
Frequently asked questions
How does the image resizer calculate output?+
It rounds and clamps requested width and height, creates a Canvas at those dimensions, and draws the decoded image to fill it. It does not preserve aspect ratio or choose a fit/crop mode.
Which controls and limits are available?+
One image plus Width and Height are available, each constrained from 1 to 4096 after rounding. There are no linked dimensions, aspect lock, interpolation selector, crop anchor, padding, output format, batch mode, or metadata option.
What example can I run locally?+
Use the downloadable 12×9 four-color PNG, set Width 6 and Height 4, then download the resulting PNG. The expected dimensions are 6×4; browser output still needs independent artifact verification.
Which input condition matters most?+
The image must decode in the browser. Non-proportional dimensions stretch the raster, and the output is a new PNG without a source-file metadata guarantee.