XTools ロゴ
XTools
Blog
/
画像圧縮画像フォーマット変換背景削除画像モザイク画像サイズ変更画像トリミング画像の回転・反転画像をモノクロに画像に文字・透かしを追加画像に枠を追加図形で切り抜きコラージュ・画像連結背景ぼかしグラフ作成部分ぼかしGIF アニメ作成画像の色調整ミーム作成透明な余白を削除台形補正画像分割画像を正方形に写真のメタデータ削除プレースホルダー画像デバイスモックアップOGP 画像作成コードのスクリーンショットサイン作成

© 2026 XTools. 無断複写·転載を禁じます。

プライバシーポリシーお問い合わせ

    画像に枠を追加

    色付きの枠や余白を追加し、角丸や影もつけられます
    • ファイルは端末の外に出ません
    • ブラウザ内で処理
    • 無料・登録不要・透かしなし

    ここにファイルをドロップ、またはクリックして選択

    対応形式:JPG、PNG、WebP、AVIF、GIF、BMP、HEIC · Ctrl+V / ⌘V で貼り付けることもできます

    関連ツール

    • 画像圧縮
    • 画像フォーマット変換
    • 背景削除
    • 画像モザイク
    • 画像サイズ変更
    • 画像トリミング
    • 画像の回転・反転
    • 画像をモノクロに
    • 画像に文字・透かしを追加
    • 図形で切り抜き
    • コラージュ・画像連結
    • 背景ぼかし
    • グラフ作成
    • 部分ぼかし
    • GIF アニメ作成
    • 画像の色調整
    • ミーム作成
    • 透明な余白を削除
    • 台形補正
    • 画像分割
    • 画像を正方形に
    • 写真のメタデータ削除
    • プレースホルダー画像
    • デバイスモックアップ
    • OGP 画像作成
    • コードのスクリーンショット
    • サイン作成

    画像に枠を追加の使い方

    画像に色付きの枠、白い余白、ポラロイド風のフレームをブラウザ内で追加します。まとめて処理もできます。太さはピクセルか短辺に対する割合で指定し、枠を付ける辺の選択や角丸・影の追加もできます。

    1. 1

      画像をページにドロップするか、クリックして選択します。

    2. 2

      プリセット(「ポラロイド」「細い黒枠」「ギャラリー白枠」)から始めるか、「位置」で「外側」か「内側」を選びます。

    3. 3

      px か「短辺の %」を選んで「太さ」を設定し、「対象の辺」を切り替え、色を選ぶか「透明な枠」をオンにします。

    4. 4

      必要なら「角丸」を設定するか、「ドロップシャドウ」をオンにしてぼかし・横のずれ・縦のずれ・影の色・不透明度を調整します。

    5. 5

      出力の「形式」を選び、「適用してダウンロード」または「N 枚すべてに適用」をクリックします。

    よくある質問

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

    いいえ。枠はブラウザ内で描画され、画像が端末の外に出ることはありません。

    「外側」と「内側」の違いは?

    「外側」は画像の周りに枠を足すので、仕上がりが大きくなります。「内側」は画像の端に重ねて描くためサイズは変わりませんが、端の部分が枠で隠れます。

    サイズの違う写真に同じ見た目の枠を付けるには?

    「短辺の %」を使うと、太さが各画像の短辺に対する割合で決まり、見た目がそろいます。px を選ぶと、どの画像も同じピクセル数の枠になります。

    角丸や影の部分が白くなるのはなぜですか?

    JPG は透過に対応していないため、透明部分が白で塗られ、注意書きが表示されます。透明のまま残すには形式を PNG か WebP にしてください。

    ポラロイド風にするには?

    「ポラロイド」をクリックすると、短辺の 5% の白枠で、下辺だけ 4 倍の太さになります。「太さ」と「下辺の太さ」で微調整できます。

    1 辺だけに枠を付けたり、正方形にしたりできますか?

    1 辺だけなら「対象の辺」で不要な辺をオフにします。画像を正方形のキャンバスに収めたい場合は「画像を正方形に」を使ってください。