画像ツール

画像枠線追加ツール

画像の外周に指定した太さと色の枠線(フレーム)を追加し、加工後の画像と解像度情報を取得できるオンラインツールです。

ツールを実行

画像に指定した幅と色の枠線を追加するオンラインツールです。Base64形式の画像データを入力し、枠線の太さ(ピクセル単位、初期値10)およびカラーコード(16進数形式、初期値#000000)を設定して処理を行います。設定した色情報は先頭のハッシュ記号を除去した6桁のRGB値として解釈され、画像の周囲に均等なフレームが付加されます。処理が完了すると、枠線追加後の画像がBase64テキストとして出力され、元の画像サイズと枠線追加後の解像度もあわせて確認できます。出力画像は元の画像形式を保持した状態で生成され、形式が特定できない場合はPNG形式で保存されます。Webデザインのサムネイル作成や資料用の画像強調に便利です。

使い方

  1. 加工したい画像をBase64形式の文字列として画像データ欄に入力します。
  2. 枠線の太さをピクセル単位の数値で指定します(省略時の初期値は10です)。
  3. 枠線の色を「#000000」や「FF5733」のような16進数カラーコードで指定します(初期値は黒色です)。
  4. 変換処理を実行すると、結果欄に枠線が付加された画像データとサイズ情報が表示されます。

使用例

  • 幅300×高さ200ピクセルのPNG画像に、太さ15ピクセルの赤色枠線(#FF0000)を指定して、幅330×高さ230ピクセルの枠付き画像を生成する。
  • 写真データに太さ5ピクセルの白色枠線(#FFFFFF)を指定し、輪郭を際立たせた画像データを出力する。

よくある質問

枠線の色はどのように指定しますか?

「#000000」や「336699」のように、6桁の16進数カラーコードで指定します。先頭の「#」は自動的に除去されて解釈されます。

枠線を追加すると画像の寸法はどう変わりますか?

画像の上下左右それぞれに指定した幅が加算されるため、全体の幅と高さはそれぞれ「指定した枠線の幅 × 2」ピクセル増加します。

画像データが空の場合はどうなりますか?

画像データが指定されていない場合や、不正な文字列で変換できない場合は処理エラーとなります。

このツールを埋め込む

以下のコードを使って、SmartPlusLab のツールをウェブサイトに追加できます。