または、ここに画像をドロップしてください
PNG / JPG / GIF / WebP 対応 ・ 最大20枚
Ctrl+V で貼り付けも可能
サンプル画像を表示しています。
右のサイドバーで色・太さ・線種を変えてみてください。
関連ツール
画像に枠線つけーるとは
画像に色付きの枠線（ボーダー）を追加できる無料ツールです。CSS の border 指定と同じ感覚で、太さ・色・不透明度・線種（実線／破線／点線／二重線）・角丸を細かく調整できます。
特長は「内側に枠線を引く」のがデフォルトであること。画像サイズが変わらないので、サムネイル枠やバナー枠を「ぴったりのサイズで」作りたい時に最適です。外側に付けたい場合も、出力サイズを拡大するモードと、画像を縮小して出力サイズを維持するモードの2通りから選べます。最大20枚まで一括処理可能、ブラウザ内で完結するので画像はサーバーに送信されません。
こんな時に使えます
EC 商品画像の縁取り
白背景の商品画像に薄いグレー枠を入れて、白いページ背景との境界を明確に。サムネイル一覧での視認性が一気に上がります。
SNS 投稿のフォトフレーム風
インスタやXの投稿画像を太めの白枠＋角丸でポラロイド風に。複数枚に同じ枠を一括適用すれば統一感のある投稿フィードに。
資料・マニュアルのスクショ枠
スライドや手順書に貼るスクリーンショットに細い枠を付けて見栄え統一。背景と同色の画像でも境界がはっきり伝わります。
使い方（3ステップ）
画像を読み込む
ドラッグ＆ドロップ、「画像を選択」ボタン、または Ctrl+V で貼り付け。最大20枚まで追加でき、すべて同じ枠線設定で一括処理されます。
枠線を調整
色・太さ（1〜100px）・不透明度・線種（実線／破線／点線／二重線）・角丸を右サイドバーで調整。「枠線の付け方」で内側／外側（拡大）／外側（サイズ維持）の3モードから選べます。プレビューにリアルタイム反映されます。
ダウンロード or コピー
形式（PNG / JPEG / WebP）を選んで「ダウンロード」。2枚以上の場合は自動でZIPにまとめて一括ダウンロードされます。1枚なら「画像をコピー」でクリップボード経由で別アプリに貼り付けも可能です。
よくある質問
内側と外側、どちらを選ぶべき？
出力サイズを変えたくない・サムネ枠で使うなら「内側」。画像が1ピクセルも欠けてはいけないなら「外側（拡大）」。出力サイズも内容も保ちたい（縮小はOK）なら「外側（サイズ維持）」を選んでください。EC 商品画像のサムネイル一覧では、サイズが揃う「内側」が最も使い勝手が良いです。
角丸の単位は？画像角丸加工との違いは？
角丸は「短辺の何%」という相対指定です（0〜50%、50%でカプセル形状）。本ツールは枠線そのものを角丸にするためのもので、画像の四隅をクリップしたい（角丸でくり抜きたい）場合は 画像角丸加工 をご利用ください。本ツールでも内側／外側（サイズ維持）モードでは画像の角もクリップされます。
線種「破線・点線・二重線」はどう違う？
実線（solid）はべた塗りの1本線、破線（dashed）はやや長めの線分の繰り返し、点線（dotted）は丸い点の繰り返し、二重線（double）は2本の細い線を平行に引いたものです。CSS の border-style と同じ意味合いです。線が細すぎると見分けにくくなるので、破線・点線・二重線を使うときは太さ3px以上を推奨します。
複数枚を一括処理したい
最大20枚まで同時に読み込めます。全画像に同じ枠線設定を一括適用し、ダウンロード時は自動でZIPファイルにまとめて書き出されます。商品画像やSNS投稿画像をまとめて加工したい時に便利です。サイズの違う画像を混ぜても、太さは指定した px がそのまま適用されます。
画像はサーバーに送信されますか？
いいえ。すべてブラウザ内で処理され、サーバーへ送信されることはありません。商品画像や社内資料の画像でも安心して使えます。
いつも同じ枠線にしたい時は？
右サイドバーの「設定の保存」で、色・太さ・線種・角丸・モードなど現在の設定に名前を付けて保存できます（ブラウザ内に最大10個）。チップをクリックで即適用、×で削除。商品画像用（薄グレー1px）・SNS用（白5px＋角丸）など用途別にお気に入り登録しておけば、次からワンクリックで呼び出せます。