Add Border to Image Online
Add a solid colour border around any image online. Set width and colour. Free, browser-based.
Adding a border (also called a matte or frame) gives images a polished, finished look — useful for social media posts, product photography, presentation slides, and printed photos. This tool adds a uniform border of any width and colour around your image. The output is larger than the input by twice the border width on each axis. Processing runs entirely in your browser.
How to use
- Click 'Choose Image' and select the image you want to add a border to.
- Enter the border width in pixels and choose the border colour.
- Click 'Add Border' and download the image with the border.
FAQ
How much does a border change the image dimensions?
A border of width W pixels is added to all four sides. The output width = input width + 2×W, and the output height = input height + 2×W. For example, a 20px border on a 1000×800 image produces a 1040×840 output.
Can I add different border widths on each side?
This tool adds a uniform border of equal width on all four sides. For asymmetric borders (e.g. wider on the bottom for a caption area), use an image editor that supports individual side padding such as Photoshop or GIMP.
Can I use a transparent border for PNG images?
The colour picker in this tool selects solid colours only. For a transparent border (expanding the canvas with transparent space), the current implementation fills the border area with the selected solid colour. Selecting a white border gives the same effect as a white matte, which is common for printing.
What colour formats are accepted?
The colour picker accepts any standard colour that your browser supports via the HTML color input element, including all hex colours (#000000 to #ffffff), named colours, and any colour you can select in the native colour picker interface.
What formats are supported?
JPEG, PNG, and WebP images up to 100MB are supported. The output format matches the input format.
Is the processing done in my browser or on a server?
Border addition runs entirely in your browser using the Canvas API. Your images are never uploaded to any server.