ThumbCraftedTry Free Editor
Free · Private · No Upload

Add a Border to an Image, or Round Its Corners

A frame, a gap, rounded corners and a soft shadow, sized in real pixels.

Pick Border to frame a picture with a coloured edge and optional inner padding, or Round corners to cut the corners into curves and nothing else. Outside the curves the PNG is transparent, so it sits on any background. Keep the image's own size, or fit the whole frame into 1280 x 720 or a square.

Drop or click to upload

Drag & drop or paste from clipboard

JPG, PNG, WebP, 25MB max

No upload Transparent corners No watermark

Good for screenshots in a thumbnail, product shots, quote cards, photo prints with a white edge and app-style rounded images. To crop into a circle or an oval instead, use Circle Crop.

Result

Settings

24 px
0 px
0 px

24 px
Size

How it works in three steps

1

Upload an image

Drop, paste or pick a JPG, PNG or WebP up to 25 MB. It stays in your browser.

2

Border or round corners

Set the border width and colour, the padding, the corner radius and the shadow, or switch to Round corners to only curve the edges.

3

Pick a size and save

Keep the image at its own size with the frame added around it, or fit everything into 1280 x 720 or 1080 x 1080, then download or open it in the editor.

Two modes, one frame

Border builds a frame from the outside in: the border colour, then the padding colour, then your image. With a corner radius the three layers curve together, and each inner curve is smaller by the width outside it, so the gap between the edge and the picture stays even all the way round the corner instead of pinching.

Round corners has no border and no padding. It cuts the four corners of the image into quarter circles of the radius you set, and everything outside them is transparent in the PNG. That is the look of app icons, cards and phone screenshots, and the transparent corners mean it drops onto a dark or a light thumbnail without a white box showing.

How the sizes add up

At Image + border the picture keeps every pixel and the frame is added around it, so the output is the image's width plus twice the border plus twice the padding. A 1280 x 720 screenshot with a 24 px border and 16 px of padding comes out at 1360 x 800.

At 1280 x 720 or 1080 x 1080 the output is exactly that size and the image is scaled so the whole frame fits inside. The same screenshot with the same 24 px border and 16 px padding becomes a 1138 x 640 picture inside a 1218 x 720 frame, centred with 31 px of space left and right. Those 31 px are transparent unless you tick Fill around and pick a colour, which is what you want for a YouTube thumbnail.

The shadow needs room to fade out, so it adds a margin on every side: one and a half times the shadow size plus a quarter of it for the downward offset. A 24 px shadow adds 42 px each side at Image + border, and takes 42 px from the space the frame can use at a fixed size.

PNG or JPG

PNG keeps the transparent corners and the transparent space around the frame. JPG has no transparency at all, so a JPG download fills those areas with your Fill around colour, or with white if Fill around is off. For a thumbnail you will put in the editor over a background, keep the PNG; for a quick post where the background is already decided, the JPG is smaller.

Border and Corner Questions

Is my image uploaded?
No. The frame is drawn on a canvas in your browser and the download is built there. The line under the upload box counts the bytes of request body that leave the page while you work, and you can check it in your browser's network panel.
How do I round the corners without adding a border?
Choose Round corners. It hides the border and padding settings and only cuts the corners, at the radius you set. Download a PNG to keep the corners transparent.
Why are the corners white or coloured in my download?
You saved a JPG. JPG cannot store transparency, so the page fills the corners and any space around the frame with your Fill around colour, or white when Fill around is off. Save a PNG to keep them transparent.
Does adding a border shrink my picture?
Not at Image + border: the picture keeps its full size and the frame is added outside it, so the file gets bigger. At 1280 x 720 or 1080 x 1080 the output size is fixed, so the picture is scaled to make room for the frame, and the size line under the preview shows the size it was scaled to.
Is this the same as Circle Crop's rounded shape?
Circle Crop's Rounded shape cuts a rounded rectangle out of part of a picture that you select. This page keeps the whole picture, rounds its own corners, and can add a border, padding, a shadow and a fixed output size around it.
What are the limits?
25 MB per image, in any image your browser can open (JPG, PNG, WebP, GIF, BMP and others). Border and padding each go from 0 to 200 pixels. The corner radius goes from 0 to half the shorter side of the frame, which turns a square into a circle. The shadow goes from 4 to 80 pixels and adds a margin of one and a half times its size plus a quarter of it on every side. At Image + border there is no size cap beyond your browser's canvas limit; the fixed sizes are exactly 1280 x 720 and 1080 x 1080. Save a PNG, or a JPG at 92% quality. There is no daily limit.
Is there a watermark?
No. Nothing is drawn on your image except the frame you chose. The only mark is the file name, which starts with ThumbCrafted- and can be renamed.

Continue crafting

Keep going: your result carries over to the next tool with no re-upload.

  1. 1EditAdd text, effects, or a fresh background
  2. 2PreviewCheck how it looks when shared