画像に枠をつける

機能

• 5 種類：単色、二重線、ポラロイド、角丸の縁取り、ドロップシャドウ
• 辺ごとに幅を設定でき、余白と枠の色も調整できます
• ポラロイドは 2.75 の比率で下辺を広くします —— インスタントフィルムの形
• 角丸の縁取りは先に切り抜いてから描くので、四隅が欠けません
• ドロップシャドウは画像の下に柔らかい影を落とします
• 書き出しは 1× / 2× —— 高解像度でもくっきり
• ポラロイドは記念のプリントに、角丸はアイコンやカードに向きます
• 画像は送信されず、オフラインでも使えます

使い方

1. 画像をドロップします
2. スタイルを選び、四辺の幅と色を設定します
3. 必要に応じて余白や角丸を調整し、影をオンにします
4. 「ダウンロード」で枠付きの PNG を保存します

よくある質問

枠を付けると元画像が切り取られませんか

寸法を正しく計算していれば切り取られません。このツールはキャンバスを元画像より大きく作ります。出力サイズは「元画像 + 四辺の幅の合計」に書き出し倍率を掛けたものです。元画像のサイズのままキャンバスを作ると縁が切れます。そこがこの手のツールで最も多い間違いなので、幾何をアサーションで固定しています。

ポラロイドの比率と、下辺が広い理由は

クラシックなインスタントフィルムは上・左・右がそれぞれ 1、下辺が約 2.75 です。広い部分は写真の下に書き込むための余白です。このスタイルは上の幅から下辺を導き（上 × 2.75）、左右も上に揃えます。設定した下辺の幅は無視されます —— それがこのスタイルの定義だからです。四辺を自由に決めたいときは「単色」を使ってください。

角丸で先に切り抜いてから描くのはなぜですか

逆にすると、角丸の経路が縁取りを切って四隅に小さな欠けが残るからです。先に角丸の経路で画像を切り抜き、その同じ経路を描けば、四隅が閉じたままになります。

画像は送信されますか

いいえ。枠はブラウザの canvas で描画し、すべて端末内のメモリ上で行います。オフラインでも使えます。