Image Region Obscurer
Obscure selected areas of a local image with pixelation, blur, or opaque covers, then flatten and review the result before sharing.{{ summaryTitle }}
{{ summaryLine }}
{{ artifactSummary }}
The chart renderer is unavailable. Exact region measurements remain in the ledger.
| Region | Effect | Width | Height | Area | Copy |
|---|---|---|---|---|---|
| {{ row.label }} | {{ row.effect }} | {{ row.widthDisplay }} | {{ row.heightDisplay }} | {{ row.areaDisplay }} |
Safety review
Sharing a screenshot or photograph can expose names, account details, faces, addresses, or background information that was not meant for the recipient. Visual obscuring replaces or distorts selected pixels before a new image is created. It is useful for preparing an image for review, but it is not the same as proving that the underlying information can never be recovered.
Pixelation reduces a selected area to large color blocks. Blur spreads nearby color across the area. Both can leave shapes, text length, colors, and context recognizable, and weak settings may be partly reversible. An opaque cover replaces the selected pixels with a solid color, making it the stronger visual choice when the rectangle fully covers the sensitive content.
| Method | What remains visible | Suitable use |
|---|---|---|
| Pixelation | Coarse color and shape patterns. | Low-risk visual masking where recognizability has been checked. |
| Blur | Soft outlines, color distribution, and surrounding context. | De-emphasizing detail, not irreversible redaction. |
| Opaque cover | Only the chosen cover color inside the rectangle. | Stronger visual concealment when every sensitive pixel is covered. |
Coverage is a manual task. A missed corner, reflection, thumbnail, notification, or repeated detail elsewhere in the image remains visible. Crop away unnecessary surroundings when possible, inspect the entire flattened result at full size, and keep the original private.
A newly encoded PNG or JPEG has no editable region layers from this session and does not copy the source EXIF metadata. That removes common hidden editing material, but it cannot correct a missed region or guarantee that visible clues are harmless.
How to Use This Tool:
Work from the least revealing source you can, then review the flattened file rather than relying on the editing view.
- Choose one PNG, JPEG, or WebP image no larger than 12 MB, 6,000 pixels on either side, or 12 megapixels.
- Select Pixelate, Blur, or Opaque cover. For pixelation or blur, raise Effect strength from 4 to 80 pixels until the detail is no longer recognizable.
- Draw a rectangle over each sensitive area or add a centered region, then move, resize, restyle, undo, or redo selections as needed. A session supports up to 24 regions.
- Choose PNG for screenshots and text-heavy images or JPEG for photographs. JPEG quality affects only the JPEG output.
- Select Review regions, inspect the full image, and confirm both review checks. If any detail is missed or still recognizable, resume editing before completing the session.
- Use Complete and flatten, then inspect the downloaded image at full size before sharing it.
Interpreting Results:
The flattened image is the artifact that will be shared. Confirm that every intended area is covered there, not only on the editing canvas. Numbered preview guides are editing aids and do not appear in the output.
- Coverage profile shows how much of the image each rectangle occupies. A small percentage is not an error, but it is a reason to zoom in and check the edges.
- Region ledger records each effect and its normalized width, height, and area. It does not decide whether the selected content is sensitive or adequately concealed.
- Safety review confirms that the effects were baked into a new image. It does not turn blur or pixelation into guaranteed redaction.
Technical Details:
Each selected rectangle is stored as normalized coordinates from 0 to 1, so its position scales with the source dimensions. Width and height must each cover at least 0.5% of the image. The output canvas is rebuilt from the decoded source and applies the regions in their recorded order.
Transformation Core:
| Effect | Pixel operation | Strength behavior |
|---|---|---|
| Pixelate | Downsample the rectangle to about its width and height divided by the strength, then enlarge it without smoothing. | Higher values create fewer, larger blocks. |
| Blur | Copy the current canvas, clip to the rectangle, and redraw through a blur filter. | The strength is the blur radius in pixels. |
| Opaque cover | Replace every pixel in the rectangle with the selected six-digit RGB color. | Strength is not used. |
| Flatten | Encode the composited canvas as a new PNG or JPEG. | JPEG fills transparency with white and uses the selected quality; PNG remains lossless. |
Formula Core:
Normalized coordinates make coverage independent of the source pixel dimensions. The displayed region area is the rectangle's normalized width times its normalized height.
Here, x1 and y1 are the upper-left bounds and x2 and y2 are the lower-right bounds. A rectangle from 0.10 to 0.40 horizontally and 0.20 to 0.50 vertically covers 9% of the image.
Rule Core:
Flattening is permitted only after at least one region exists, editing is paused for review, and both acknowledgements are confirmed. Any later edit returns the session to active review so the previous confirmation cannot silently carry over.
Safety and Privacy Notes:
The source image, decoded pixels, region history, and generated file stay in browser memory for the current session and are not uploaded or placed in a shareable URL.
- Blur and pixelation are visual obscuring effects, not a guarantee of irreversible redaction.
- An opaque cover is stronger only inside the rectangle; missed pixels remain available in the flattened image.
- Removing copied EXIF metadata does not remove visible location, identity, or account clues inside the pixels.
- Share only the newly encoded result and keep the original image private.
References:
- Disclosing documents to the public securely, Information Commissioner’s Office, updated 31 July 2025.
- CanvasRenderingContext2D.drawImage(), MDN Web Docs.
- CanvasRenderingContext2D.imageSmoothingEnabled, MDN Web Docs.