本文へスキップ
ToolMug

画像に枠線を追加

写真やスクリーンショットに、すっきりしたフレームを付けます。SNS 向けの白い縁、資料向けの細い濃い線、モダンな印象の角丸など。枠線は画像の外側に追加されるので何も隠れず、PNG なら角を透明のままにできます。

ブラウザ内で動作 — 入力した内容はアップロードされません

または JPG、PNG、WebP の画像をここにドロップ

画像はブラウザー内で処理され、アップロードされません。

使い方

  1. 画像を選択します。
  2. 「枠線の太さ (px)」と「枠線の色」を設定します。短辺の約 3% が目安として提案されます。
  3. 「角の丸み」をドラッグして角を丸くします(0 なら角は四角のままです)。
  4. 「PNG をダウンロード」または「JPG をダウンロード」をクリックします。

オプションの説明

枠線の太さ (px)
画像の外側の四辺すべてに追加されるため、仕上がりの幅と高さはこの値の 2 倍ずつ大きくなります。
角の丸み
短辺に対する割合です。50% にすると、正方形の画像は円形に、長方形の画像は短辺側が半円になります。

仕上がりサイズの求め方

枠線は画像の外側に追加されるため、各辺が枠線の太さの分だけ大きくなります。

new width  = width  + 2 × border
new height = height + 2 × border

1000 × 800 px の写真の場合、短辺の約 3% にあたる提案値は 24 px で、仕上がりは 1048 × 848 px になります。枠線を 40 px にすると 1080 × 880 px です。

マット付きの額縁のようにしたいときは明るい色で太い枠線を、スクリーンショットを白いページから際立たせたいときは濃い色で細い枠線を使います。角を丸くしたいだけなら、枠線の太さを 0 にして角の丸みを設定します。

よくある質問

枠線なしで角だけ丸くできますか?

はい。「枠線の太さ (px)」を 0 にして、「角の丸み」をドラッグしてください。

JPG だと角が白くなるのはなぜですか?

JPG は透明に対応していないため、角が背景色で塗りつぶされます。透明のままにしたい場合は PNG でダウンロードしてください。

画像はアップロードされますか?

いいえ。すべてお使いのブラウザー内で処理されます。

プライバシー

このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。

関連ツール