᠎᠎᠎          

Image border adder

World's simplest image tool
Free online image border adder. Just drag and drop your image here and it will automatically get a border. You can choose the border positions, specify its width, and select a color for it. Created by engineers from team Browserling.
A link to this tool, including input, options and all chained tools.
Click here to select an image from your device, press Ctrl+V to use an image from your clipboard, drag and drop a file from desktop, or load an image from any example below.
Release your mouse to import this file.
Your file is being imported...
Import from file
Save as...
Copy to clipboard
Download
Export to Pastebin
Can't convert.
An error has occured.
Chain with...
Remove chain
Save as...
Copy to clipboard
Download
Export to Pastebin
Remove no tools?
This tool cannot be chained.
Image Border Place
Add a border outside the image.
(Resizes image by 2x border size.)
Add a border in the middle of sides.
(Resizes image by border size.)
Add a border inside the image.
(Doesn't change image size.)
Image Border Side
Add a horizontal strip at the bottom.
Add a horizontal strip at the top.
Add a vertical strip at the left.
Add a vertical strip at the right.
Image Border Size and Color
Image border's width.
(Set to 20 if not specified.)
Image border's color.
(Dark transparent by default.)
Image extension.

What is a image border adder?

learn more about this tool
This tool adds a solid or transparent border around any image. It supports three types of borders: Inside, Outside, and Middle. The Inside border position adds a border inside the image without changing its width and height. The Outside border adds a border around the outer side of the image, resulting in the image's width and height being increased by twice the border width. The Middle border adds half of its size outside the image and half of its size inside the image, changing the width and height of the image by the border size. By default, the program adds a border on all sides of the image: top, bottom, left, and right. However, if you want to create a one-sided border, you can enable or disable the corresponding checkboxes to customize the border on the desired side. The border width can be specified in the options in pixels. You can also choose the border color by specifying the color name or code or by using the color palette attached to the option. Additionally, you can select the output image format with a border, allowing you to download the image in the desired file format. Image-abulous!

Image border adder examples

Click to use
Add an Inside Image Border
This example adds a green border with a width of 35 pixels inside the image. The size of the image remains unchanged, as the border is contained within the dimensions of the image. (Source: Pexels.)
This example adds a green border with a width of 35 pixels inside the image. The size of the image remains unchanged, as the border is contained within the dimensions of the image. (Source: Pexels.)
This example adds a green border with a width of 35 pixels inside the image. The size of the image remains unchanged, as the border is contained within the dimensions of the image. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Add a border inside the image.
(Doesn't change image size.)
Add a horizontal strip at the bottom.
Add a horizontal strip at the top.
Add a vertical strip at the left.
Add a vertical strip at the right.
Image border's width.
(Set to 20 if not specified.)
Image border's color.
(Dark transparent by default.)
Add a Transparent Center Border
This example adds a 20px, dark, 40% transparent, centered border around the image. Images size changes by 10px in every direction as half of the border is drawn on the outside and half on the inside. (Source: Pexels.)
This example adds a 20px, dark, 40% transparent, centered border around the image. Images size changes by 10px in every direction as half of the border is drawn on the outside and half on the inside. (Source: Pexels.)
This example adds a 20px, dark, 40% transparent, centered border around the image. Images size changes by 10px in every direction as half of the border is drawn on the outside and half on the inside. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Add a border in the middle of sides.
(Resizes image by border size.)
Add a horizontal strip at the bottom.
Add a horizontal strip at the top.
Add a vertical strip at the left.
Add a vertical strip at the right.
Image border's width.
(Set to 20 if not specified.)
Image border's color.
(Dark transparent by default.)
Add a Wide Side Border
This example adds a wide border to the outer parts of the left and right sides of the image. It uses 100-pixel vertical strips of a plum color. As a result, the width of the image increases by 200 pixels, while the height remains the same. (Source: Pexels.)
This example adds a wide border to the outer parts of the left and right sides of the image. It uses 100-pixel vertical strips of a plum color. As a result, the width of the image increases by 200 pixels, while the height remains the same. (Source: Pexels.)
This example adds a wide border to the outer parts of the left and right sides of the image. It uses 100-pixel vertical strips of a plum color. As a result, the width of the image increases by 200 pixels, while the height remains the same. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Add a border outside the image.
(Resizes image by 2x border size.)
Add a horizontal strip at the bottom.
Add a horizontal strip at the top.
Add a vertical strip at the left.
Add a vertical strip at the right.
Image border's width.
(Set to 20 if not specified.)
Image border's color.
(Dark transparent by default.)
All image tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Pixelate an Image
Quickly pixelate an area of an image.
Blur an Image
Quickly blur an area of an image.
Sharpen an Image
Quickly sharpen an area of an image.
Adjust Image Brightness
Quickly increase or decrease the brightness of an image.
Adjust Image Contrast
Quickly increase or decrease the contrast of an image.
Rotate an Image
Quickly rotate any image by an arbitrary angle.
Resize an Image
Quickly resize any image to any size.
Upscale an Image
Quickly create a larger image from a smaller image.
Downscale an Image
Quickly create a smaller image from a larger image.
Crop an Image
Quickly crop an area of any image.
Grayscale an Image
Quickly convert a color image to a grayscale image.
Duplicate an Image
Quickly make multiple copies of an image.
Flip an Image Horizontally
Quickly flip an image horizontally.
Flip an Image Vertically
Quickly flip an image vertically.
Add Text to an Image
Quickly add text to any image.
Annotate an Image
Quickly add annotations (text, labels, arrows, boxes) to images.
Add a Watermark to an Image
Quickly add copyright protection to an image.
Censor an Image
Quickly hide information in an image by blurring it or blacking it out.
Make an Image Transparent
Quickly convert any color in an image to transparent.
Make an Image Semitransparent
Quickly add translucency to the given image.
Remove Image Background
Quickly make the background of an image transparent.
Add Image Background
Quickly add a background to a transparent image.
Replace a Color in Image
Quickly change one color to another in any image.
Change Image Quality
Quickly change the visual quality of any image.
PNG to JPG Converter
Quickly convert a PNG image to a JPG image.
JPG to PNG Converter
Quickly convert a JPG image to a PNG image.
PNG to GIF Converter
Quickly convert a PNG image to a GIF image.
GIF to PNG Converter
Quickly convert a GIF image to a PNG image.
PNG to Bitmap Converter
Quickly convert a PNG image to a BMP image.
Bitmap to PNG Converter
Quickly convert a BMP image to a PNG image.
Base64-encode PNG
Quickly base64-encode a PNG image.
Base64-decode PNG
Quickly decode a base64-encoded PNG image.
Convert BMP to GIF
Quickly convert a BMP image to a GIF image.
Convert GIF to BMP
Quickly convert a GIF image to a BMP image.
JPEG to Bitmap Converter
Quickly convert a JPEG image to a bitmap image.
Bitmap to JPEG Converter
Quickly convert a bitmap image to a JPEG image.
Convert BMP to Base64
Quickly base64-encode a BMP image.
Convert Base64 to BMP
Quickly base64-decode a bitmap image.
JPEG to GIF Converter
Quickly convert a JPEG image to a single-frame GIF image.
GIF to JPEG Converter
Quickly convert an animated GIF to a JPEG image.
Convert GIF to Base64
Quickly convert a GIF to base64 encoding.
Convert Base64 to GIF
Quickly convert a base64 encoding to a GIF.
Capture GIF Frames
Quickly view and extract frames from GIF animations.
GIF Player
Quickly play a GIF animation frame by frame.
Base64-encode JPG
Quickly base64-encode a JPEG image.
Base64-decode JPG
Quickly decode a base64-encoded JPEG image.
Recompress JPG
Quickly change the compression level of a JPG image.
Compress an Image
Quickly make the file size of an image smaller.
Convert Image to Base64
Quickly convert an image to base64 encoding.
Convert Base64 to Image
Quickly convert base64 encoding to an image.
Convert Image to Data URI
Quickly convert an image to a Data URL.
Convert Data URI to Image
Quickly convert a Data URL to an image.
Add a Border to an Image
Quickly add a border around an image.
Remove a Border from an Image
Quickly remove the border that surrounds the image.
Make Image Corners Round
Quickly make corners of any image rounded.
Generate a Random Image
Quickly generate a random image.
Explode an Image into Pieces
Quickly explode an image into a bunch of tiny pieces.
Cut an Image into Strips
Quickly cut an image into horizontal or vertical strips.
Create a Black and White Image
Quickly convert all colors in an image to just black and white.
Create a Two-color Image
Quickly convert a multicolor image to a duotone image.
Convert Image to Binary Art
Quickly convert an image to the binary art.
Apply Dithering to an Image
Quickly run a dithering algorithm on an image.
Reduce Number of Image Colors
Quickly decrease the number of colors in an image.
Simplify Image Colors
Quickly simplify the color scheme of the image.
Generate an Empty Image
Quickly create an empty image of arbitrary size.
Create an Image with One Color
Quickly create a one-color image of the desired shade.
Invert Colors in Image
Quickly invert all pixels in an image to the opposite color.
Select a Color in an Image
Quickly use a color picker to select a color in an image.
Find Top Colors in an Image
Quickly find dominant colors in an image.
Find Image Color Palette
Quickly find the tones that form the color palette of the image.
Analyze an Image
Quickly generate image size, format, pixel, and color palette information.
Image Viewer
Quickly open and view images in your browser.
Convert Image to Web Safe Colors
Quickly redraw an image using only web-safe colors.
Separate Image Color Channels
Quickly separate RGBA, CMYK, and HSL channels from an image.
Show RGB Colors of Image
Quickly show the red, green, blue, and alpha channel of the RGBA color scheme.
Show HSL Colors of Image
Quickly show the hue, saturation, and light channels of the HSL color scheme.
Show HSV Colors of Image
Quickly show the hue, saturation, and value channels of the HSV color scheme.
Show HSI Colors of Image
Quickly show the hue, saturation, and intensity channels of the HSI color scheme.
Show CMYK Colors of Image
Quickly show the cyan, magenta, yellow, and key channels of the CMYK color scheme.
Show LAB Colors of Image
Quickly show the lightness, A, and B channels of the LAB color scheme.
Show YIQ Colors of Image
Quickly show the luma (Y) and chrominance (I and Q) channels of the YIQ color scheme.
Show HCL Colors of Image
Quickly show the hue, chroma, and luminance channels of the HCL color scheme.
Show LCH Colors of Image
Quickly show the luminance, chroma, and hue channels of the LCH color scheme.
Show YCbCr (YPbPr) Colors of Image
Quickly show the Y (luma), Cb (blue-difference), and Cr (red-difference) channels of the YCbCr color scheme.
Extract Object by Color from Image
Quickly select any object in the image and extract it by its color.
Remove Specific Color from Image
Quickly remove a specific color region from any image.
Remove Green Screen from Image
Quickly remove a green screen from any image.
Remove Chroma Key from Image
Quickly remove a chroma key from any image.
Coming soon These image tools are on the way
Image Editor
Edit images in your browser.
Create a Fibonacci Spiral
Place images on a grid so that they make a Fibonacci spiral.
Convert PNG to ICO
Convert a PNG image to an ICO icon.
Convert ICO to PNG
Convert an ICO icon to a PNG image.
Convert PNG to TIFF
Convert a PNG image to a TIFF image.
Convert TIFF to PNG
Convert a TIFF image to a PNG image.
Convert JPG to ICO
Convert a JPEG image to an ICO icon.
Convert ICO to JPG
Convert an ICO icon to a JPEG image.
Convert JPG to TIFF
Convert a JPEG image to a TIFF image.
Convert TIFF to JPG
Convert a TIFF image to a JPEG image.
Convert GIF to ICO
Convert a GIF image to an ICO icon.
Convert ICO to GIF
Convert an ICO icon to a GIF image.
Convert GIF to TIFF
Convert a GIF image to a TIFF image.
Convert TIFF to GIF
Convert a TIFF image to a GIF image.
Convert GIF to Animated PNG
Convert a GIF image to an APNG icon.
Convert Animated PNG to GIF
Convert an APNG image to a PNG image.
Convert BMP to ICO
Convert a bitmap image to an ICO icon.
Convert ICO to BMP
Convert an ICO icon to a bitmap image.
Convert BMP to TIFF
Convert a bitmap image to a TIFF image.
Convert TIFF to BMP
Convert a TIFF image to a bitmap image.
Convert Webp to ICO
Convert a Webp image to an ICO icon.
Convert ICO to Webp
Convert an ICO icon to a Webp image.
Convert Webp to TIFF
Convert a Webp image to a TIFF image.
Convert TIFF to Webp
Convert a TIFF image to a Webp image.
Create an Animated GIF
Create an animated GIF image from static frames.
Create Image from RGB Array
Create an image from an R, G, B array.
Create Image from BGR Array
Create an image from an B, G, R array.
Create Image from RGBA Array
Create an image from an R, G, B, A array.
Create Image from BGRA Array
Create an image from an B, G, R, A array.
Enhance Image Quality
Increase the quality of an image.
Reduce Image Quality
Decrease the quality of an image.
Extract Text from Image
Apply OCR on an image and extract all text from it.
Remove Text from Image
Erase text or label from an image.
Remove Object from Image
Erase any object from an image.
Generate a Custom Image
Create a custom image of any color and width/height.
Adjust Image Hue
Increase or decrease the hue of an image.
Adjust Image Saturation
Increase or decrease the saturation of an image.
Adjust Image Lightness
Increase or decrease the lightness of an image.
Split an Image
Split an image into parts.
Slice an Image
Slice a part of an image.
Skew an Image
Skew an image by the given angle.
Shift an Image
Shift an image to the left or to the right.
Swirl an Image
Create a pixel vortex anywhere in an image.
Create a Thumbnail
Convert an image to a thumbnail
Add Artefacts to an Image
Add compression artefacts to an image.
Create a Glitch Image
Convert a PNG, GIF, JPG or BMP to glitch art.
Run Zalgo on an Image
Let Zalgo destroy an image.
Convert Image Color Space
Change an image color space to HSL, HSV, CMYK, or RGB.
Create a Web-safe Image
Convert the colors in an image to the web-safe color palette.
Convert Image Bits Per Pixel
Change an image bit depth to 32, 24, 16, 8, 4, 2 bits or just 1 bit.
Optimize an Image
Optimize the quality of an image.
Create an Image Mosaic
Create a mosaic wall from multiple images.
Generate ASCII Art from an Image
Create an ASCII art image from a regular image.
Generate ANSI Art from an Image
Create an ANSI art image from a regular image.
Generate Unicode Art from an Image
Create a Unicode art image from a regular image.
Generate Braille Art from an Image
Create a Braille art image from a regular image.
Add a Label to an Image
Add a short one-line label to an image.
Delete a Watermark from an Image
Remove a watermark from an image.
Add Halftone Effect to an Image
Create an image made out of dots of varying size and spacing.
Blockify an Image
Convert an image to a bunch of blocks.
Add Progressive Effect to an Image
Create a GIF from the original image with interlacing effect.
Created with love by
51K
@browserling
We're Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling we love to make people's lives easier, so we created this collection of image editing tools. Our tools have the simplest user interface that doesn't require advanced computer skills and they are used by millions of people every month. Our image tools are actually powered by our web developer tools that we created over the last couple of years. Check them out!
Secret message
If you love our tools, then we love you, too! Use coupon code IMAGELING to get a discount for our premium plans.
Privacy Policy we don't log data!
All conversions and calculations are done in your browser using JavaScript. We don't send a single bit about your input data to our servers. There is no server-side processing at all. We use Google Analytics and StatCounter for site usage analytics. Your IP address is saved on our web server for additional analytics. The free plan doesn't use cookies and don't store session information in cookies. The premium and team plans use cookies to store session information so that you are always logged in. We use your browser's local storage to save tools' input. It stays on your computer.
Terms of Service the legal stuff
By using Online Tools you agree to our Terms of Service. All tools are free for personal use but to use them for commercial purposes, you need to get a premium plan. You can't do illegal or shady things with our tools. We may block your access to tools, if we find out you're doing something bad. We're not liable for your actions and we offer no warranty. We may revise our terms at any time.