Screenshot beautifier

Use the screenshot beautifier without turning it into a different editing job

This screenshot beautifier places one local image on a presentation background. It can add padding, rounded corners and a controlled shadow, then export the composed canvas as PNG or JPEG. The screenshot keeps its decoded display width, height and aspect ratio. There is no cover crop, fit resize, freeform transform or hidden upscaling step, so interface text and fine lines are not stretched merely to fill a preset rectangle.

Presentation pixels around the screenshot are still real output pixels. A rounded corner deliberately removes coverage at the screenshot edge, transparent source pixels are composited over the chosen background, and an enabled shadow changes the surrounding canvas. The receipt names those operations rather than claiming that the entire new file is byte-identical to the source.

Presets are reversible settings, not hidden templates

Clean, Soft gradient and Dark gradient are shortcuts for visible controls. Clean uses a compact warm solid frame with rounded corners and no shadow. The two gradient presets use a larger frame, a 45-degree two-color background and a soft shadow. Their padding, corner radius, blur and vertical offset are derived from the shorter source side and rounded to whole pixels, so the visual weight scales with a small mobile capture or a large desktop screenshot.

Selecting a preset writes every value into the form. Change the background colors, gradient angle, padding, corner radius, shadow blur, offsets, opacity, format or JPEG quality and the scene becomes Custom. Selecting a named preset again restores all of its canonical values for the current source. Nothing remains hidden from an earlier style, which makes comparison and reversal predictable.

Padding and shadow safety are separate measurements

Padding is the intended breathing room around the screenshot. A shadow also needs room for its blur and offset. To avoid clipping, the renderer derives a symmetric shadow safety inset as the ceiling of three times the blur plus the larger absolute offset. Frame inset is padding plus that safety inset. Output width and height are the decoded display dimensions plus twice the frame inset.

The interface shows Padding, Shadow safety inset, Frame inset, Output dimensions and the exact Content rectangle before export. A directional shadow can therefore enlarge both sides of the canvas even when most visible shadow falls below or to one side. That deliberate symmetric margin keeps the source centered and makes the formula stable when an offset changes sign.

Choose PNG or JPEG with the opaque-background boundary visible

Both output formats are opaque because the selected solid or linear-gradient background is part of the design. PNG preserves the composed raster without JPEG's lossy compression and is usually the safer choice for small interface text, thin rules and flat colors. JPEG exposes a quality control and can be smaller for photographic screenshots, but it recompresses every output pixel. The filename ends in -beautified.png or -beautified.jpg.

The browser reopens the encoded bytes, verifies PNG or JPEG magic and confirms the dimensions before the download is available. The on-page result preview uses that same reopened blob, not a separate CSS approximation of the scene. File size and reopen status appear on the receipt so the result can be judged before saving it.

Orientation, transparency, animation and metadata are explicit

Format is decided from decoded bytes rather than a renamed extension. PNG, JPEG and WebP are the supported still-image inputs. Stored dimensions and display dimensions are shown separately when orientation changes how a JPEG is presented. The normalized display image is what the scene uses, so the output is not unexpectedly sideways.

Animated PNG and animated WebP are rejected with an unsupported result. Quietly decorating only the first frame would destroy motion while returning a plausible file. Source EXIF, ICC, XMP and other metadata are not copied into the flattened export. A color profile can influence the browser's decode, but the new canvas is not a profile-preserving archival conversion.

A beautifier is narrower than an OG generator or image editor

The OG image generator owns a different composition job: it adds a title, eyebrow and site label to an exact or dated platform canvas, and it can use cover crop or contain placement. Screenshot beautifier adds no text and has no social-media dimensions. Its canvas follows the source plus the visible frame instead of forcing the source into a destination slot.

For several files or a requested target width and height, use the bulk image resizer. It owns fill crop, fit padding, upscaling policy and repeated output rules. To permanently cover sensitive source pixels, use redact image; a decorative background and shadow do not remove information inside the screenshot. Q089 also has no text layers, logos, stickers, greeting templates or timeline. The greeting card maker owns that separate layered composition job.

The screenshot and generated file stay in this tab

Choosing, dropping and pasting an image are equivalent local inputs. The shared size advice appears before memory-heavy work and lets you continue locally instead of rejecting a file at an arbitrary byte limit. A replacement selection or Cancel invalidates older work, and Start over releases the decoded source, Worker, preview and blob URL before another image is opened.

No screenshot bytes, colors, settings or generated file are sent to an upload endpoint, stored in the URL or retained in browser storage. The local-processing verification guide explains how to inspect that boundary. If the final presentation is correct but needs fewer bytes, pass the downloaded result to the image compressor as a separate, measurable step rather than hiding extra quality loss in the framing controls.