Upload an image, drag a slider to adjust corner radius in real time, enable a border with your choice of color and width, enable a shadow with adjustable strength and offset, and customize the canvas background color — great for app screenshots, product photo touch-ups, and social cover polish, all done entirely in your browser without uploading anything to a server.
Rendering and export happen entirely in your browser — images never pass through any server
Use all three effects individually or layer them together to cover most presentation touch-ups
The image updates instantly as you drag a slider — download once you're satisfied, no trial-and-error guessing
No sign-up, no payment, no hidden usage limits
Common Use Cases
Whether it's an app screenshot for presentation or a product photo touch-up, getting the corners, border, and shadow right can elevate the overall polish.
Add rounded corners and a soft shadow to interface screenshots in a product landing page or portfolio, simulating a real device display and making the screenshot look more polished and professional.
Add a thin border and a subtle shadow to your main product image to give it more depth against a white background, boosting clicks and conversion.
Add rounded corners to a blog cover or profile picture, paired with a background color for a consistent visual style that makes your social profile look neater.
Pairing Tips
Different scenarios call for different parameter combinations — check this quick reference first, then fine-tune, instead of starting from scratch.
| Combination | Recommended range | Best for |
|---|---|---|
| Slight corners + soft shadow | Corners 8%~15%, shadow opacity 25%~40%, larger blur, smaller offset | App/web screenshots for presentation, mimicking a floating card effect |
| Large corners + no shadow | Corners 25%+, shadow disabled | Avatars and icon-style images, for a rounded, friendly visual style |
| Thin border + no or subtle shadow | Narrow border width, color close to background or white | Ecommerce product photos, adding definition against a white background |
| Sharp corners + prominent shadow | Corners 0%, shadow opacity 40%+, larger offset | Promotional graphics or poster elements emphasizing a floating, three-dimensional feel |
These are just common starting points — the actual best look depends on your image's composition and background color. We recommend dragging the sliders in the preview area and comparing repeatedly to find the combination that fits your specific image.
How to Use
No software to install — everything happens right in the browser, updating in real time.
Click to select or drag your image into the page. Supports JPG, PNG, WebP, and GIF, up to 20MB — one image per session.
Drag the corner slider to adjust all four corners in real time, with the preview updating instantly.
Turn on a border or shadow as needed, setting their color, width, opacity, and range — you can also set the canvas background color.
Once you're happy with the result, click download — the image is regenerated with your current settings and saved to your device.
Technical Notes
As you drag a slider, the preview renders instantly using the browser's native CSS corner, border, and shadow styles; when you click download, the browser's Canvas drawing API redraws and encodes the image using exactly the same proportional parameters, ensuring the downloaded result matches the preview — all done on your own device, never touching a server.
When a shadow or a wide border is enabled, the effect needs to extend outward around the image to display fully without being clipped. On export, the canvas automatically calculates the margin it needs based on your current shadow blur, offset distance, and border width, and fills the extra area with your chosen background color or keeps it transparent. When shadow and border are both off (or set to 0), the exported image keeps the same size as the original.
FAQ
No. This tool is designed for single-image touch-ups, since the right corner radius or shadow strength usually depends on the individual image's proportions and purpose — for example, a square screenshot and a long banner need very different corner ratios, and applying the same settings to both often looks off. So it's designed for fine-tuning one image at a time. If you need to process multiple images, open and adjust them one by one.
It's done entirely in your current device's browser. The live preview uses the browser's native CSS border, corner, and shadow styles for instant rendering, and when you download, the final image is redrawn with Canvas using the same parameters — your original image is never uploaded to any server.
A shadow needs to extend outward some distance to be visible — if the canvas stayed the same size as the original, the shadow would get clipped and disappear. So on export, the canvas automatically expands based on your current shadow blur, offset distance, and border width, and the extra area is filled with your chosen background color (or kept transparent), ensuring the shadow displays fully without being cut off.
JPG doesn't support a transparency channel. If you choose a transparent background but the original is a JPG, the transparent area automatically becomes white — this is a fundamental limitation of the JPG format, not a processing error. If you need a truly transparent background, upload a PNG or WebP image, and the transparency will be preserved in the result.
They're all calculated as a proportion of the image's own width and height, not fixed pixel values — so no matter whether the uploaded image is high or low resolution, the same slider value produces a visually consistent proportional effect. What you see in the preview matches exactly what you get in the downloaded final image.
Processing fundamentally redraws and re-encodes the image: if the original has a transparent background, the transparent parts outside the rounded corners are preserved (unless you chose an opaque background color to fill it). The original's EXIF capture data and location metadata are not preserved after re-encoding — use the “EXIF Viewer/Remover” tool if you specifically need to view or remove that data.
No sign-up, no waiting — download as soon as it's done.