Image Border & Frame
Image Border & Frame adds a simple solid-color border to a local copy of a PNG, JPEG, or WebP image, in your browser.
Drop an image here (PNG, JPEG, WebP — max 20 MB)
How to use it
- Upload a PNG, JPEG, or WebP image
- Choose an outer or an inner border
- Set the thickness and pick a color, and check the final dimensions
- Click Apply border and download the result
Choose an outer border, which adds space around the picture so the final pixel dimensions grow by twice the thickness (a 1000 × 800 image with a 24 px border becomes 1048 × 848), or an inner border, which is drawn inside the existing frame so the dimensions stay the same and a thin strip of edge pixels is covered. The thickness is set as a percentage of the shorter side (0 to 20 %, 3 % by default) and shown in pixels as you adjust it, so the border looks proportional whether the image is a small thumbnail or a large photo. Pick any color with the native color picker; corners are square, with no rounding, gradient or pattern. The source image is never resized, and the preview uses the same drawing as the export. The border is painted as four edge rectangles rather than a full fill, so the transparent centre of a PNG or WebP keeps its alpha and no area outside the border is touched. The output keeps the source format; JPEG and WebP are re-encoded, so EXIF, XMP or ICC metadata may be changed or dropped. Unlike Image Resizer (which scales the whole image), Image Cropper (which keeps only a region) or Image Watermark (which overlays text or a logo), this tool only adds a uniform geometric border. Nothing you load is uploaded or stored anywhere.
FAQ
Upload the image, choose an outer or inner border, set the thickness with the slider and pick a color. The preview updates as you go; click Apply border to render a copy with the border drawn on it, then download it.
Yes. An outer border adds space around the picture, so the exported file is larger by twice the thickness on each axis — a 1000 × 800 image with a 24-pixel border becomes 1048 × 848. The image itself is not scaled.
An outer border is added around the image and increases its dimensions. An inner border is drawn inside the existing edges, so the dimensions stay the same but a thin strip of the original edge pixels is covered by the border color.
Yes. Any color is available through the browser's color picker, and the thickness is a percentage of the shorter side (0 to 20 percent), shown in pixels. Corners are square; there is no rounding, gradient or pattern.
No. The image is decoded, bordered and saved entirely in your browser using its own canvas. Nothing is sent to a server, and analytics only records that the tool was used.