Add a Border to an Image
Add a thin outline, wide frame, coloured padding or Polaroid-style border to an image. Adjust the size and colour, preview the result and download it. All processing happens locally in your browser.
Add a Border to an Image Online
Add a Border to an Image Online
Drag and drop your photo or screenshot to add outlines, frames, or Polaroid borders
Your selected image is processed inside your browser.
What Does an Image Border Maker Do?
An Image Border Maker adds an outline, frame, margin, or coloured area around a photo, screenshot, logo, or graphic. You can create a thin border for separation, a wide gallery-style frame, or a Polaroid-style layout with extra space below the image.
The tool lets you control the border width, colour, opacity, placement, and corner radius. You can apply the same width to every side or adjust the top, right, bottom, and left sides separately.
How to Add a Border to an Image
- Choose an image: Upload a JPG, PNG, or WebP file from your device.
- Select a border style: Choose a preset such as Thin Outline, White Frame, Black Frame, Wide Gallery, or Polaroid.
- Adjust the border width: Use one value for all four sides or unlink them to control each side independently.
- Choose the placement: Apply the border outside the image or place it inside the existing canvas.
- Customize the appearance: Select a colour, opacity, corner radius, and background when those options are needed.
- Preview and download: Check the output dimensions, select JPG, PNG, or WebP, and download the finished image.
Inside and Outside Borders
Border placement affects both the visible image area and the final output dimensions.
- Outside border: Adds new space around the image. The complete original image remains visible, but the output width and height increase.
- Inside border: Draws the border over the outer edge of the image. The original dimensions remain unchanged, but part of the image near each edge is covered.
Use an outside border when preserving the complete photo is important. Use an inside border when the file must keep its original width and height.
Uniform and Individual Border Widths
A uniform border applies the same thickness to the top, right, bottom, and left sides. This creates a balanced frame and works well for screenshots, product photos, thumbnails, and portfolio images.
Individual side controls allow different widths on each edge. For example, you can create a wider bottom border for a Polaroid-style image or add extra space on one side for a presentation layout.
Use linked mode when every side should remain equal. Unlink the controls when you need to adjust each side separately.
White, Black, and Coloured Frames
White borders create a clean gallery or print-style appearance. Black and dark borders can make bright photos stand out, while a custom brand colour can help the image match a website, presentation, or social graphic.
Border opacity controls how strongly the colour appears. A fully opaque border creates a solid frame, while a partly transparent border allows some of the underlying canvas or image to remain visible.
Check the border against the destination background. A light border may disappear on a white page, while a dark border may blend into a dark interface.
Creating a Polaroid-Style Border
A Polaroid-style frame uses a white border around the image with a larger space below it. The wider bottom area creates the familiar instant-photo appearance without adding artificial dates, handwriting, shadows, or watermarks.
You can create the effect with the Polaroid preset or by unlinking the border sides and increasing the bottom value. Keep the top and side borders smaller for a balanced result.
The extra bottom area can remain empty or be used later for a caption with a separate text-editing tool.
Rounded Border Corners
Corner radius controls how sharp or curved the outer frame appears. A small radius softens the border slightly, while a larger value creates a rounded card-style result.
The border and image corners should use compatible radius values. When the outer frame is rounded but the image remains square, the result may show uneven gaps near the corners.
Review all four corners in the preview, especially when individual border widths are used.
How Borders Affect Image Dimensions
An outside border increases the output canvas size. The new width is calculated by adding the left and right border widths to the original image width. The new height includes the top and bottom border widths.
For example, adding a uniform 20-pixel outside border to a 1000 × 800 image produces an output of 1040 × 840 pixels.
An inside border does not increase the canvas dimensions because it is drawn over the existing image edges.
Check the displayed output width and height before downloading when a website, form, or design requires an exact pixel size.
Common Uses for Image Borders
- Interface screenshots: Add a thin border so light screenshots remain visible against a light page.
- Portfolio images: Apply a consistent frame across project previews or gallery items.
- Product photos: Add a brand-coloured outline or clean margin around catalogue images.
- Presentation graphics: Separate images from slide backgrounds and create consistent spacing.
- Polaroid-style photos: Add a white frame with a wider bottom margin for personal or event images.
JPG, PNG, and WebP Output
Select the output format according to the image content, border style, and transparency requirements.
- PNG: Suitable for screenshots, graphics, sharp borders, and images that require transparent canvas areas.
- WebP: Suitable for modern web use and can support both photographic images and transparency.
- JPG and JPEG: Suitable for photographs with solid borders and backgrounds. JPG does not support transparency.
Changing the output format may affect transparency, file size, and image appearance. Keep the original image when you may need to create another border style later.
Browser Processing
The selected image is processed inside the browser workspace while the border, canvas, corner radius, preview, and output file are prepared.
Processing time depends on the image dimensions, border size, output format, browser, and available device memory. Large images or very wide outside borders may require more memory.
Related Image Tools
Frequently Asked Questions
How do I add a border to an image?
Choose a JPG, PNG, or WebP image, select a border preset or enter a custom width and colour, review the preview, and download the framed image.
Can I choose a custom border colour?
Yes. You can select a custom border colour and adjust its opacity when that control is enabled in the workspace.
Can each side have a different width?
Yes. Unlink the side controls to adjust the top, right, bottom, and left border widths independently.
What is the difference between an inside and outside border?
An outside border adds space around the image and increases the output dimensions. An inside border covers pixels near the image edges without changing the canvas size.
Does adding a border change the image dimensions?
An outside border increases the width and height. An inside border normally keeps the original image dimensions.
Can I create a Polaroid-style frame?
Yes. Use the Polaroid preset or create a white frame with a wider bottom border than the top and sides.
Which output formats are supported?
The tool supports JPG, JPEG, PNG, and WebP images when those formats are enabled in the workspace. The result can be exported as JPG, PNG, or WebP.
Is my image uploaded to a server?
The selected image is processed inside the browser workspace. Use a stronger no-upload statement only after confirming the production network behaviour.
