画像に枠を追加するツール
画像に枠を追加するには、写真を選び、太さと色を決めて保存するだけです。白い枠、インスタント写真風、角丸も、すべてブラウザ内で処理され、画像はアップロードされません。
出典:W3C – Compositing and Blending Level 1: Porter-Duff destination-in and destination-out。更新日:
計算方法
ひとことで:このツールは写真のまわりに均一な枠をつけます。太さは短い辺に対する割合で指定し、色は自由に選べます。枠を透明にすることもできます。すべてブラウザ内で処理され、アップロードはありません。
使い方
- 画像をドラッグするか、選択するか、Ctrl + Vで貼り付けます。
- 枠の太さと色を調整します。プレビューはすぐに更新されます。
- スタイルを選びます。「画像の外側に枠」はファイルが大きくなり、「画像の上に枠」はサイズを変えず画像の端を隠します。
- 必要ならインスタント写真風や角丸を加えて保存します。
オプション
- 枠の太さ:短い辺に対する割合です。同じ値なら、どの画像でも同じように見えます。
- インスタント写真風:下の枠が他の3辺の3倍の太さになります。インスタント写真のような見た目です。
- 角を丸くする:結果の四隅を切り取ります。透明が必要なため、PNGで保存します。
- 透明な枠:枠を透明にします。コラージュの余白に便利です。透明を扱えるのはPNGとWebPだけで、JPGでは白で埋まります。
限界
- 枠は単色です。模様、グラデーション、影はありません。
- 「画像の上に枠」では、枠の下になった画像の端が失われます。
- EXIF情報は引き継がれません。非常に大きい画像はブラウザの上限まで縮小されます。iPhoneとiPadでは1,670万画素までです。
プライバシー
画像はブラウザ内だけで処理され、アップロードされません。
よくある質問
画像に枠をつけるにはどうしますか?
画像をここにドラッグし、太さと色を決めて「枠つきの画像を保存」を押します。無料で、アップロードは不要です。
写真に白い枠をつけるには?
枠は初期設定で白です。太さ(たとえば6〜10%)だけ決めて保存してください。
インスタント写真風にするには?
「インスタント写真風」をオンにします。下の枠が他の辺の3倍の太さになり、インスタント写真のようになります。
枠を透明にできますか?
はい、「透明な枠」で可能です。透明に対応するのはPNGとWebPだけなので、PNGで保存されます。
画像のサイズは変わりますか?
「画像の外側に枠」ではファイルが枠の分だけ大きくなり、「画像の上に枠」ではサイズは変わりません。
出典・根拠
- W3C – Compositing and Blending Level 1: Porter-Duff destination-in and destination-out
- MDN – CanvasRenderingContext2D.globalCompositeOperation
- MDN – CanvasRenderingContext2D.arcTo() (rounded corners)
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
更新日:
関連ツール
- 画像を丸く切り抜く画像を丸く切り抜く無料ツール。円を動かして拡大し、角が透明なPNGで保存できます。アイコンやプロフィール画像に最適。サイズ指定・縁取り付き、アップロード不要。
- 画像トリミング画像をアップロードせずにトリミングできる無料ツール。自由な範囲のほか、正方形1:1、4:3、16:9、9:16、InstagramやYouTube向けのサイズも選べます。スマホでも使えます。
- 写真加工サイト:オンライン写真編集ブラウザーで写真を加工。明るさ・コントラスト・彩度・色温度の調整、白黒やセピアのフィルター、回転や反転ができます。無料で原寸のまま、アップロード不要。
- 画像サイズ変更(リサイズ)画像サイズ変更をブラウザで無料で。ピクセルや%で指定、縦横比を保持またはトリミング、最大20枚まで一括リサイズ。画像はアップロードされません。
- 写真からステッカーを作成写真から背景を消し、白フチと文字を付けてステッカーに。WhatsApp用(512px WebP)やTelegram用で保存。アプリ不要、アップロードなし。
- インスタ分割投稿の画像作成:画像を分割1枚の画像をインスタのプロフィール用に3・6・9分割、またはパノラマのカルーセル用に分割できる無料ツール。プロフィールのプレビュー、投稿順の番号付き、ZIPで保存。