Overview
Introduction
This tool creates an exact, independent copy of a PNG image's pixel data, entirely client-side.
It's the simplest tool in the PNG category: no transform, filter, or edit — just a clean, validated copy.
What Is PNG Cloner?
A client-side PNG cloning tool that reads an uploaded image's pixel data, validates it, and copies it into a fresh, independent buffer with identical dimensions and colors.
The clone is then re-encoded as a new PNG file by the browser's canvas for download.
How PNG Cloner Works
The tool validates the uploaded image's pixel buffer (confirming its data length matches its declared width and height) and then allocates a brand-new Uint8ClampedArray, copying every byte from the source into it.
Because the copy uses a fresh underlying array rather than referencing the original, further edits made to the clone (in this tool or another) never mutate the source buffer.
When To Use PNG Cloner
Use it to get a clean, independent working copy of an image before running a chain of other edits, or to quickly re-export a PNG through the browser's own encoder.
It's also a useful first step when you want to strip any non-pixel metadata baked into the original file.
Often used alongside PNG Duplicator and PNG Dimensions Finder.
Features
Advantages
- Runs entirely client-side; the uploaded image is never sent to a server.
- Produces a byte-for-byte accurate copy of the pixel content with zero quality loss.
- Extremely fast, with no per-pixel computation beyond the copy itself.
Limitations
- It doesn't preserve non-pixel PNG metadata from the original file (like text chunks or color profiles), since the output is a fresh, browser-encoded PNG.
- Since it makes no visual change, this tool is only useful as a data-hygiene or workflow step, not as an editing tool on its own.
Examples
Best Practices & Notes
Best Practices
- Use this as the first step in a chain of edits if you want to be certain you always have an unmodified copy of the original pixels to fall back to.
- Don't rely on this tool to preserve EXIF or color-profile metadata — if that matters, keep the original file separately.
Developer Notes
clonePng is a deliberately trivial pure lib function operating on a plain Uint8ClampedArray PixelBuffer: after validating the input, it calls the shared clonePixelBuffer helper to allocate a fresh, independent copy — no DOM access until the component paints the result for preview/download.
PNG Cloner Use Cases
- Getting a safe, independent working copy of an image before a chain of edits
- Re-exporting a PNG through the browser's own encoder
- Stripping incidental non-pixel metadata from an exported PNG
Common Mistakes
- Expecting the clone to preserve file metadata like EXIF data or embedded color profiles — only pixel content survives the round-trip.
- Using this tool expecting a visual change; it's intentionally a no-op on the image content itself.
Tips
- Use the dimensions finder tool afterward to double-check the clone's dimensions match what you expect.
- If you need multiple copies tiled together rather than just one, use the duplicator tool instead.