Add border to image dimensions

This calculator takes the original pixel width and height, applies the same border width to the top, right, bottom, and left, and returns the exact outer dimensions. It also preserves the supplied color in the result so the calculation can travel with a design specification, export job, or automated image workflow.

Calculate the canvas size before exporting

A border occupies space outside each edge of the original image. That means a 20-pixel border does not add only 20 pixels to the width or height: it adds 20 pixels on the left and another 20 on the right, plus 20 at both the top and bottom. Enter the original width and height in pixels, the width of one border edge, and the intended color. The calculator returns the original measurements alongside the new outer width and outer height, making the change easy to review. This is useful before opening an image editor, preparing a batch-processing rule, or reserving space in a page layout. The calculation does not resize, crop, stretch, or encode an image. It answers the dimensional question only, so there is no ambiguity about whether the original content area has changed. A zero-width border is accepted and leaves both outer dimensions equal to the original dimensions, which can help software use one consistent calculation path even when no visible border is needed.

Understand the border formula

The formula is deliberately simple and predictable: outer width equals original width plus twice the border width, while outer height equals original height plus twice the border width. Multiplication by two accounts for the two opposite sides on each axis. For example, an image that is 1200 pixels wide and 800 pixels high with a 24-pixel border becomes 1248 by 848 pixels. The color does not affect either dimension, but it is returned so downstream code can keep the visual setting together with the measurements. Original width and height must be positive whole numbers because pixel dimensions describe a real raster canvas. Border width may be zero or a positive finite number, allowing calculations for workflows that support fractional layout measurements as well as ordinary whole pixels. Negative borders are rejected because they would describe cropping or inset geometry, not adding an outer border. Use a separate crop calculation when the goal is to remove pixels from the image edges.

Use the result in design and automation

The returned outer dimensions can be passed directly into layout planning, canvas creation, asset validation, or storage estimates. A developer can calculate the required canvas before drawing the original image at the border offset. A designer can verify that a framed thumbnail still fits a fixed card or marketplace slot. A production team can compare the result with a maximum upload size before processing thousands of assets. Because the operation uses only deterministic arithmetic, identical inputs always produce identical results, with no network request, file upload, random value, or hidden image transformation involved. The supplied color is treated as a label rather than interpreted or converted, so values such as a hexadecimal code, a CSS color name, or a workflow-specific token can remain intact after surrounding whitespace is removed. The API price is $0.002 per request. The response reports both original and outer measurements, which makes logs self-explanatory and reduces the risk of confusing source dimensions with the final bordered canvas.