Add a border around an image.
Choose an inside border to keep the original dimensions, or add canvas outside to preserve every source pixel. Set width, color, and opacity, then download a PNG.
Local processing. Canvas edits and previews happen on this device; the selected image is not sent to imgrove. Privacy details
How to use Add Border to Image
- Drop one JPG, PNG, or WebP image and choose inside or outside placement.
- Set the border width, color, and opacity, then compare the reported source and output dimensions.
- Use inside placement to keep the original size, or outside placement to preserve every source pixel.
- Download the PNG and verify the edge or transparent padding at its final display size.
How it works
- Outside placement creates a transparent canvas that is wider and taller by twice the border width, paints only the four new edge bands, then draws the source in the untouched center.
- Inside placement keeps the original canvas, draws the source first, then overlays the four edge bands without applying the same opacity twice at the corners.
- A monotonic render version binds the preview and PNG to the current file, placement, width, color, and opacity so a slower old adjustment cannot replace a newer result.
Formats and limits
| Input | One JPG, PNG, or WebP image. |
|---|---|
| Outside size | Output width = source width + 2 × border width; output height = source height + 2 × border width. |
| Inside size | Output width and height stay equal to the source; the border covers edge pixels. |
| Controls | Inside or outside placement, 0 to 400 pixel width, color, and 0% to 100% opacity. |
| Output | One static PNG with a preview and exact source-to-output dimension report. |
| Transparency | A 0% outside border creates transparent padding; PNG preserves the browser-rendered alpha channel. |
| Privacy | Decoding, drawing, measurement, preview, and PNG encoding happen in this browser tab. |
| Metadata | Canvas creates a new PNG; source EXIF, IPTC, XMP, animation, and container-specific data are not copied. |
Real failure cases
- An inside border can cover important content near the edge, especially when its width approaches half the shorter image dimension.
- An outside border can exceed a destination's pixel limits because both dimensions grow by twice the border width.
- Very large source dimensions plus a wide outside border can exceed browser Canvas memory.
Example result to verify
| Original | 1200x800 PNG screenshot. |
|---|---|
| Outside settings | 40 pixel border, full opacity, chosen color. |
| Outside output | 1280x880 PNG; every source pixel remains in the centered 1200x800 area. |
| Inside output | 1200x800 PNG; the 40 pixel bands cover the source along all four edges. |
| Verify | Check the reported dimensions and inspect edge content before downloading. |
Best for
- Adding outside space while preserving every source pixel.
- Keeping the original dimensions with an inside edge.
- Making visible frames or transparent PNG padding for screenshots, photos, and thumbnails.
What you get
- One PNG with inside or outside placement, width, color, and opacity applied.
- A preview that reports source dimensions, output dimensions, placement, and edge coverage.
Before you download
- Outside placement increases width and height by twice the border width.
- Inside placement covers source pixels along the edges.
- Canvas creates a new PNG without copying source EXIF, IPTC, XMP, or animation.
Common examples
Use this image border maker when placement matters as much as color. Outside placement adds canvas around the source; inside placement covers edge pixels and keeps the original width and height.
- Keep exact image dimensions. Choose Inside when an upload slot already accepts the current width and height. The border overlays the source edge instead of adding pixels.
- Preserve every source pixel. Choose Outside when a screenshot, caption, product edge, or subject must remain untouched. Each output dimension grows by twice the selected border width.
- Add transparent padding. Choose Outside and set opacity to 0%. The PNG gains clear pixels around the source while the visible image stays unchanged.
- Frame a photo or thumbnail. Choose a visible color and inspect the reported output dimensions before download so the framed file still fits its destination.
Helpful next tools
- Add a Border Without Changing Image Size Guide - use the inside-versus-outside formulas and a worked 1200x800 pixel example.
- Image Size Checker - verify the downloaded PNG dimensions, file size, transparency, and metadata.
- Resize Image by Dimensions - return a bordered result to an exact destination width and height when needed.
- PNG Format Guide - understand lossless pixels and alpha transparency in the exported file.
Questions about Add Border to Image
How can I add a border without changing image size?
Choose Inside placement. The output keeps the source width and height because the border overlays pixels along each edge.
How much does an outside border increase image dimensions?
It adds twice the border width to both dimensions. A 1200x800 image with a 40 pixel outside border becomes 1280x880.
Can I add transparent padding around an image?
Yes. Choose Outside placement and set opacity to 0%. The exported PNG gains transparent pixels around the source.
Does an inside border crop or resize the image?
It does not crop or rescale the source. It draws over the edge pixels, so inspect important content near the border before downloading.
Can I add borders to several images at once?
This page processes one JPG, PNG, or WebP image at a time so every preview and dimension report matches one source.
Does the border tool keep EXIF metadata or animation?
No. Canvas creates a new static PNG from decoded pixels, so source EXIF, IPTC, XMP, animation, and container-specific data are not copied. Keep the original file.