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 — お使いのデバイスでフレーム加工
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
- Open your image. Drag a photo onto the tool above, choose a file, or paste from your clipboard.
- 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.
- 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%）で、画像サイズが変わっても帯は比率を保ちます——固定のピクセル数ではありません。
- 色
- ピッカーで任意の単色を選べるほか、白・黒・オフホワイト・スレート・アンバー・赤のワンタップ見本もあります。
- グラデーション
- グラデーションに切り替えると、枠全体を横切って一方の色からもう一方へと溶け込む2色の縁になり、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.
他の画像ツール
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.