utills.
中文
Add border

Add a Border to an Image

Put a clean, even border around any photo — choose the width and colour or a smooth gradient, free and right in your browser.

拖入图片以添加边框

拖放、粘贴或选择文件

PNG · JPG · WebP · GIF · BMP — 在您的设备上完成加框

Any colourSolid or gradientNo watermark PNG · JPG · WebP · GIF · BMP

Why add a border to a photo?

A border gives a photo room to breathe. It separates the image from whatever it sits on — a feed, a slide, a document, a website — so the picture reads as a deliberate object rather than blending into the background. A simple white or black frame is the quickest way to make a snapshot look finished.

This tool draws the border around your image at full resolution, so the photo itself is never resized or recompressed by the framing. Set the thickness as a percentage of the photo so it scales sensibly whatever the image size, pick a solid colour or a two-tone gradient, and the live preview shows the result instantly.

How to add a border to an image

  1. Open your image. Drag a photo onto the tool above, choose a file, or paste from your clipboard.
  2. Choose width and colour. Drag the border-width slider, then pick a colour — or switch to Gradient for a two-tone edge with an adjustable angle.
  3. Download. Click Download to save the framed image — in the same format you opened, or switch to PNG, JPG, or WebP.

Pick a border colour that works

White borders suit bright, airy photos and look clean on most backgrounds; black borders add weight and make colours pop. If the image will sit on a coloured page, match the border to the page for a seamless look, or contrast it to make the photo stand out.

纯色/渐变边框 :它是什么及其控件

沿照片四边绘制的一条均匀色带,每条边的粗细都相同。

宽度
照片较短边的百分比(0–25%),因此无论图像尺寸如何,色带都保持成比例——而非固定的像素数。
颜色
通过取色器选择任意纯色,另有一键白、黑、米白、灰蓝、琥珀和红色色板。
渐变
切换到渐变可得到双色边缘,横跨整个边框从一种颜色过渡到另一种,角度可在0–360°之间调整。

何时使用

  • 将照片从繁杂的信息流、幻灯片或网页中分隔开
  • 为随手拍快速、干净地收尾
  • 让边框与页面颜色匹配,使图像贴合
  • 用彩色或渐变边缘把视线引向内部

提示

由于宽度是较短边的百分比,经典而均衡的效果大约落在3–8%——同一个滑块值能一致地为手机照片和宽幅风景加框。

More borders & frames

常见问题

How thick should the border be?

It's up to you, but 3–8% of the photo's shorter edge is a balanced, classic look. The slider uses a percentage so the border scales correctly whatever the image size.

Can I use a gradient instead of a solid colour?

Yes. Switch the style to Gradient, pick two colours, and set the angle. The border blends smoothly from one colour to the other.

Does adding a border change the photo's quality?

No. The border is drawn around the image at full resolution, so the photo is untouched. Any change comes only from re-encoding at a low JPG/WebP quality.

Where is my image processed?

The border is added in your browser, so the new file is created on your own device. How any data associated with the tool is handled is described in our privacy policy.

更多图片工具

Find your next tool

37 tools

Compress image Shrink file size while keeping quality. Resize image Change width and height to any size. Crop image Trim images to the exact frame you want. Convert image Switch between JPG, PNG, WebP and more. Remove background Erase the background in one click. Image to PDF Combine images into one PDF document. Rotate & Flip Turn, straighten, and mirror photos. Image to text Pull editable text out of any image. HEIC to JPG Open iPhone HEIC photos as JPG. Watermark Stamp text or logos over your images. Collage Arrange multiple photos into a grid. Favicon Generator Build favicons in every required size. Color Picker Grab hex colors and build palettes. Blur & Pixelate Obscure faces, plates, and private bits. Enhance Auto-fix brightness, contrast, and color. Passport Photo Prepare photos for ID and passport applications. Signature Clean up and extract handwritten signatures. Photo Effects Apply filters and vintage looks. Social Image Size covers for common social platforms. Add text to image Caption images and make memes fast. GIF Maker Turn frames or clips into animated GIFs. Border & Frame Add clean borders and photo frames. Mockup Drop screenshots into device frames. SVG Converter Trace raster images into scalable SVG. EXIF Viewer Inspect camera and GPS metadata. Poster & Print Lay out posters and print-ready sheets. Document Scanner Deskew and clean photographed documents. Image to Base64 Encode images into a data-URI string. Placeholder Make dummy placeholder images on demand. Image generator Make gradients, patterns, and avatars. Compare Images See two images side by side with a slider. QR Code Create and download QR codes. Hide Text in Image Embed a secret message inside a picture. Length converter Meters, feet, inches, miles and more. Weight converter Switch between kilograms, pounds and more. Temperature converter Celsius, Fahrenheit, Kelvin and more. Data storage converter Bits, bytes, megabytes and gigabytes.
Tab to move · Enter to open · Esc to close