画像に枠を追加

画像に枠を追加ツールは、ブラウザ内で任意の画像をきれいなフレームで囲みます。写真、スクリーンショット、ロゴをアップロードし、単色の枠、滑らかなグラデーションの枠、または手書き風キャプション付きのクラシックなPolaroid 風インスタント写真フレームを選びます。各辺の幅を細かく調整し、角を丸め、ミュージアム風の内側アクセントラインと柔らかいドロップシャドウを追加したり、色付きマットで画像を完全なInstagram 正方形、4:5 の縦長、9:16 のストーリーにパディングしたりしてから、PNG または JPG としてダウンロードできます。すべてがローカルで処理されるため、画像がアップロードされることはなく、完全にプライベートです。

写真に枠を追加する理由

枠は、画像を背後にあるものから切り離します。細い白枠は写真をプリントのように見せ、太いグラデーションの縁は平凡なスクリーンショットをスクロールを止める SNS 投稿に変え、Polaroid フレームは懐かしさとキャプション用の余白を加えます。枠はサイズの食い違いを直すいちばん簡単な方法でもあります。横長の写真を正方形にパディングして Instagram のトリミングを止めたり、マットを足して明るい写真が白いページに溶けないようにしたりできます。どの見た目も、ここでは数クリックです。

画像に枠を追加する方法

1. 画像をアップロード: 画像をアップロードボックスにドラッグするか、タップして選びます。何もアップロードされません。ブラウザに直接読み込まれます。
2. スタイルを選ぶ: 単色、グラデーション、Polaroid のいずれかを選び、色またはグラデーションを設定します。あるいは 白枠、IGスクエア、インスタント写真 などのクイックスタイルをタップします。
3. 幅を設定: 枠の幅 をドラッグして均等なフレームにするか、辺ごと に切り替えて上・右・下・左に異なる幅を指定します。
4. フィットと仕上げ（任意）: 比率に合わせる をオンにして正方形やストーリー用マットを作り、角を丸め、内側アクセントラインを追加し、ドロップシャドウを落とします。
5. ダウンロード: 画像をダウンロード をクリックし、PNG（透明度を保持）または JPG として保存します。より鮮明なファイルには 2× を選びます。

3つの枠スタイル

どんな写真でも Instagram の正方形に

Instagram をはじめ、多くのフィードは縦長や横長の写真を切り取って収めます。比率に合わせる オプションがこれを解決します。1:1 を選ぶと、選んだ枠の色またはグラデーションで写真を完全な正方形にパディングするので、画像全体がきれいなフレーム付きで見えます。フィードで許されるいちばん高い投稿には 4:5、全画面のストーリーやリールには 9:16、ワイド画面のサムネイルには 16:9 を選びます。パディングは枠と同じ塗りなので、柔らかいグラデーション上の横長写真は、ぎこちないトリミングではなく、意図したデザインとして見えます。

枠の幅は固定ピクセルではなく割合です

枠の幅は画像の短辺に対する割合として測ります。そのため、写真が 400 px でも 4000 px でも 6% のフレームは同じ見た目になり、大きな画像のためにピクセルサイズを再計算する必要はありません。スライダーを動かすと、参考として相当するピクセル幅が表示されます。

きれいな枠にするためのヒント

画像はプライベートですか？

はい。写真をサーバーにアップロードする多くのオンライン画像エディタとは異なり、このツールは HTML5 キャンバスを使ってウェブブラウザ内だけで動作します。画像がデバイスから出ることはなく、保存もされず、アカウント作成も不要です。タブを閉じると、画像は消えます。

よくある質問

この枠追加ツールは無料でプライベートですか？

はい。完全に無料で、ブラウザ内だけで動作するため、画像がサーバーにアップロードされることはなく、自分のデバイス上でプライベートに保たれます。ダウンロードした画像に透かしはありません。

どの枠スタイルを追加できますか？

3種類です。単色は1色のフレームを追加します。グラデーションは、角度を調整できる2色の滑らかな枠と、用意されたカラープリセットを追加します。Polaroid は、下が太い白いフレームと任意の手書き風キャプションで、クラシックなインスタント写真の見た目を再現します。

各辺に異なる枠の幅を設定できますか？

はい。初期状態では4辺が同じ幅を共有しますが、連動を解除して上・右・下・左の枠の幅を個別に設定できます。非対称のフレームや、キャプション用の余白を残すときに便利です。

写真を Instagram 用の正方形にできますか？

はい。比率に合わせるをオンにして 1:1 を選ぶと、横長または縦長の写真を完全な正方形にパディングし、枠の色またはグラデーションで埋めます。Instagram に投稿してもトリミングされません。4:5 の縦長、9:16 のストーリー、16:9 のワイド画面にも合わせられます。

枠は透明な背景を保てますか？

PNG でダウンロードし、外側の角を丸めるかドロップシャドウを追加すると、フレームの外側の領域は完全に透明のままです。JPG でダウンロードすると、JPG は透明度を保存できないため、その領域は白で塗りつぶされます。

枠を追加すると画質は落ちますか？

いいえ。枠は元のピクセルの周囲に描画され、写真自体は触れずにコピーされるため、再圧縮もぼかしもかかりません。劣化なしの結果には PNG、より小さいファイルには JPG を選んでください。

参考資料

• HTML Canvas API — MDN
• インスタントフィルム（Polaroid）— Wikipedia
• PNG と透明度 — Wikipedia