画像の枠線・フレーム作成ツール

画像の枠線・フレーム作成ツールとは？

deftdeck の画像枠線・フレーム作成ツールは、写真やグラフィックの周りに装飾的な枠線やフレームを追加できる無料のブラウザ内ツールです。ブロガー、SNSクリエイター、デザイナー、ネットショップの出品者が、サムネイルや商品写真、プロフィール画像に仕上がり感を与えるために使います。「フレームの種類」（単色枠線・グラデーション枠線・角丸・ポラロイド）を選び、「設定」を開いて枠線の「太さ」（px）や枠線の「色」（グラデーションは2色目も）、角丸モードでは「角の半径」を指定します。フレームを付けた画像はファイルをドロップした瞬間にリアルタイムで描画され、元画像と並べて表示され、PNG として書き出されます（角丸では透過が保たれます）。

画像の枠線・フレーム作成ツールの使い方

1. 画像をドロップゾーンにドラッグ＆ドロップするか、クリックして端末からファイル（PNG、JPEG、WebP、またはブラウザで開けるその他の画像）を選びます。
2. 「フレームの種類」を選びます：単色枠線、グラデーション枠線、角丸、ポラロイド。
3. 「設定」を開き、枠線の「太さ」（px）（角丸の場合は「角の半径」）を指定し、枠線の「色」を選びます。グラデーションでは開始色と終了色を選びます。
4. フレームを付けた結果が元画像の隣に自動で描画されるのを確認し、どちらかのプレビューをクリックすると拡大ライトボックスが開きます。
5. 「ダウンロード」をクリックすると、フレーム付き画像が PNG として保存されます。

使用例

よくある質問

どんなフレームの種類がありますか？

4種類です：単色枠線、2色を混ぜるグラデーション枠線、画像を角丸の長方形に切り抜く角丸、そして下側の余白が広いポラロイドフレームです。

出力はどの形式で保存されますか？

フレーム付き画像は常に PNG として書き出されます。PNG はロスレスで透過に対応しており、これは曲線の外側が透明になる角丸スタイルに必要です。

枠線の太さや色を調整できますか？

はい。「設定」を開くと枠線の「太さ」（px）と枠線の「色」を指定できます。グラデーションモードでは2色目が追加され、角丸では太さの代わりに「角の半径」を指定します。

サイズ制限はありますか？

ツール側で設定された固定の制限はありません。すべての合成が端末内の canvas で行われるため、非常に大きな画像はブラウザと端末の利用可能なメモリによってのみ制限されます。

画像はサーバーにアップロードされますか？

いいえ。すべては HTML canvas を使ってブラウザ内で 100% クライアントサイドで実行されます。画像が deftdeck やいかなるサーバーにアップロードされることはなく、データが端末の外に出ることもありません。