画像に枠を追加
画像に色付きの枠、内側の余白、角丸、やわらかい影を追加します。ショップの商品画像、SNS投稿、印刷用写真に最適です。
ここに画像ファイルをドロップ
またはクリックしてファイルを選択
画像に枠線、内側の余白、角丸、やわらかい影を追加できます。商品写真、SNS投稿用の画像、印刷用の写真を、素材のままではなく意図的に整えて見せる仕上げです。プレビューはリアルタイムで更新されるので、書き出す前にバランスを確認できます。
よくある用途は、統一した枠が必要なECサイトのメイン画像、角を丸くしたアバター、白い余白を付けて印刷したい写真などです。出力はPNGなので透明部分が保たれ、選んだ枠線の色がそのまま描画されます。
画像に枠と角丸を追加する方法
画像を選択します
枠線の幅、色、角丸、影を設定します
枠を付けたPNGをダウンロードします
よくある質問
写真の周りに白い余白を追加できますか？
はい。余白の値を大きくすると、画像が白または任意の色の背景の上に配置されます。印刷や、ショップの一覧を統一したいときに便利です。
角は本当に透明になりますか？
はい。角丸の半径を設定すると、丸い縁の外側はPNG上で透明になるため、どんな背景の上でもきれいに収まります。
元のサイズを保てますか？
書き出されるファイルは、追加した枠線と余白の分だけ大きくなります。中の画像は元のピクセル寸法のままです。
どの色形式に対応していますか？
枠線と背景には任意のHEX色を使えます。塗りつぶしを望まない場合は透明も選べます。
商品写真をまとめて処理できますか？
はい。複数の画像に同じ枠を一度に適用できるので、ショップの一覧が統一された印象になります。
画像はアップロードされますか？
いいえ。枠はブラウザ内でローカルに描画されます。
概要
| 入力 | 画像 |
|---|---|
| 複数ファイル | はい |
| 実行場所 | ブラウザ内で実行 - ファイルはアップロードされません |
| オフラインでも動作 | はい — ページを読み込んだ後 |
| 料金 | 無料・登録不要・透かしなし |
実際に失われる画質の量
非可逆圧縮は、人の目が最も気づきにくい細部を捨てていきます。まず細かなテクスチャ、次に輪郭です。実際には、多くの写真は品質75〜80%程度まで元の画像と見分けがつかず、違いがはっきりしてくるのは顔、髪、葉、布の模様、文字のあたりです。だからこそポートレートとスクリーンショットでは適切な設定が異なります。顔は品質60%で肌がまだらになりますが、風景は60%でも十分きれいに見えます。体感のシャープさには品質よりサイズ変更のほうが効きます。ピクセル数を半分にすると、品質を90から60に下げるよりはるかにファイルが小さくなり、仕上がりもよくなります。特定のファイルサイズが必要な場合は、先に縦横のピクセル数を減らし、次に品質を下げ、目標に達した時点で止めて、必要以上に下げないようにしてください。
JPG、PNG、WebP、AVIFの選び方
これらの形式はそれぞれ別の問題を解決するもので、選び方を誤ると画質かファイルサイズのどちらかを犠牲にすることになります。JPGは写真や、誰かに送る必要のあるものにとって最も安全な選択です。どの端末やソフトでも開けますが、非可逆形式で透過には対応していません。PNGは可逆形式で透過にも対応するため、ロゴ、スクリーンショット、図、輪郭や文字がはっきりしたものに適していますが、その代わりファイルはかなり大きくなります。WebPは同じ見た目の品質ならJPGより通常25〜35%小さく、透過にも対応しますが、一部の古いソフトでは今も開けません。AVIFは、特に低品質の設定でさらに圧縮できますが、エンコードは遅く、4つの中では対応が最も新しい形式です。実用的な指針はこうです。送るならJPG、編集するならPNG、自分のサイトならWebP、1キロバイトでも削りたいときはAVIF、ただし受け取る側が開けることを確認してからにしてください。