Image Border

Images

Everything runs locally in your browser — nothing is uploaded

Drop an image here, or click to choose

Or press Ctrl/⌘ + V to paste a screenshot

PNG / JPEG / WebP / GIF / BMP / AVIF · up to 30 MB each

Style

Top width (px)

Right width (px)

Bottom width (px; polaroid sets it by ratio)

Left width (px)

Border colour

Inner line colour (double-line style)

Padding (px, the gap between image and border)

Corner radius (px, rounded style)

Add a shadow under the image

Export size

Add a border or a frame: five styles, plain, double line, polaroid, rounded stroke and drop shadow, with per-side widths plus padding, corner radius and an export scale. The canvas grows when a border is added, so the size has to be right: output size equals the original plus the four border widths, multiplied by the export scale. Leave the canvas at the original size and the border falls outside the image or crops the edge instead. That geometry is computed by a pure function and pinned down by an assertion. The polaroid bottom is wider by a ratio. Classic instant film is one part top, left and right and about 2.75 parts bottom, the extra space being for writing. So this style does not “set the bottom larger”: it derives the bottom from the top width (bottom = top x 2.75) and matches the sides to the top. The bottom width you enter here is ignored, which is what defines the style. The rounded stroke crops to the corner radius first, then strokes the same path. Reverse the order and the stroke loses all four corners, leaving visible notches. Everything runs locally; the image is never uploaded.

Features

Five styles: plain, double line, polaroid, rounded stroke and drop shadow
Per-side widths, adjustable padding and border colour
Polaroid derives a wider bottom at 2.75 parts, the shape of instant film
Rounded stroke clips to the corners before stroking, so no notches appear
Drop shadow casts a soft shadow under the image
Export at 1x or 2x, crisp on high-density displays
Polaroid frames suit keepsake prints; rounded ones suit avatars and cards
Nothing is uploaded; it works offline

How to use

Drop an image in
Choose a style and set the four side widths and colour
Adjust padding or radius, or turn on the shadow
Click Download for the framed PNG

FAQ

Will the border crop my image?: No, provided the size is computed correctly. The canvas is built larger than the image: the output equals the original plus the four border widths, multiplied by the export scale. Keeping the canvas at the original size is what crops the edge, the usual mistake in tools like this, which is why the geometry here is pinned by an assertion.
What is the polaroid ratio, and why is the bottom wider?: Classic instant film is one part top, left and right and about 2.75 parts bottom; the extra strip is writing space under the photo. So this style derives the bottom from the top width (top x 2.75) and matches the sides to the top. The bottom width you set is ignored, because that is what defines the style. Use Plain border when you want full control of all four sides.
Why clip before stroking for the rounded style?: Because the other order lets the corner radius cut the stroke, leaving four small notches. Clipping the image to the rounded path first and then stroking the same path keeps all four corners closed.
Is the image uploaded?: No. The frame is drawn in your browser with canvas, entirely in local memory, and it works offline.

Related tools

Round Corners

Images

Round off an image with a radius in pixels or as a percentage of the short side (50% is fully round). Transparent PNG by default, JPEG with a fill colour.

Image Filters

Images

Apply a photo filter in one click: vintage, faded, negative, X-ray, contrast, cool, warm, greyscale, sepia or custom, with contrast control.

Image Rotate

Images

Rotate an image 90°, 180° or mirror it, and fix sideways phone photos by applying the EXIF orientation. Keeps the original format and runs locally.

Image Converter

Images

Convert between PNG, JPEG, WebP, AVIF, BMP and TIFF, with adjustable quality and size. JPEG output lays a background, so transparency never turns black.

Image Slicer

Images

Slice an image into a grid for nine-tile posts or a tall image. Six grid shapes, per-tile padding, and names padded for posting in order.

Image Watermark

Images

Add a text watermark to a photo: nine positions plus tiling, with the size scaled to the image so it looks the same at any resolution.

← Back to all tools