使い方
- ファイルを選択を押して画像を選ぶか、枠にドロップします。
- 半径の単位を選びます。短い辺に対する割合か、ピクセルです。
- プレビューで角が良く見えるまで、半径のスライダーを動かします。透明な部分は市松模様の背景の上に表示されます。
- PNGをダウンロードを押します。ファイルは、どこに置いても透明な角を保ちます。
角の作り方
各角は、選んだ半径の4分の1の円です。ページは、4つの角で作られた輪郭の内側だけに画像を描くため、輪郭の外側の部分は透明になります。割合は画像の短い辺に対して取られ、ピクセルの値はそのまま使われます。どちらの場合も、半径は短い辺の半分までに抑えられるので、角が重なることはありません。
4つの角が切り取る面積は、半径の2乗の (4 − π) 倍です。正方形の画像の短い辺の半分を半径にすると、透明な部分は画像の21.46%になります。これは内接円の外側の4つの角です。そのため、正方形の画像を50%にすると、透明な縁のある丸い画像になります。これは透明さのある円形の切り抜きです。
結果がPNGになる理由
JPEGは透明さを保存できないため、角を丸めた画像はPNGとして保存されます。PNGは画像のすべての画素を正確に保ちます。そのため、写真は同じ写真をJPEGで保存したものより大きくなります。
ページは背景色を追加しません。背景が必要な場合は、エディターや、その画像を使うページで、PNGを背景の上に重ねてください。
例:800 × 600の画像、半径は10%
短い辺(600ピクセル)の10%の半径は60ピクセルです。4つの角は、(4 − π) × 60² を切り取り、これは480,000のうちの3,090.3ピクセル、つまり画像の0.64%です。角は小さいので、変化はわずかです。
同じ画像で最大の半径、300ピクセル(短い辺の半分)にすると、角の画素の16.1%が透明になります。
よくある質問
角を丸めるとき、画像はアップロードされますか?
いいえ。画像はブラウザが読み取り、角はブラウザの中で切り取られ、PNGはお使いの端末に書き出されます。ページを読み込んだ後にインターネット接続を切り、小さい画像を丸めて確かめられます。
ダウンロードがJPEGではなくPNGなのはなぜですか?
丸めた角は透明で、JPEGは透明さを保存できないからです。PNGは画像の画素を正確に保つので、同じ画像のJPEGより大きくなります。
使える最大の半径は、どれくらいですか?
画像の短い辺の半分です。その半径では、短い各辺の2つの角が接し、正方形は円になります。それより大きい値は、半分に切り詰められます。
割合とピクセルのどちらを使うべきですか?
割合はどんな大きさの画像にも使え、画像をリサイズしても見た目が同じに保たれます。ピクセルは正確な半径を与えるので、デザインで決まった値が必要なときに役立ちます。
このツールで丸いプロフィール画像を作れますか?
はい。正方形の画像なら、半径を50%にします。このサイトの画像切り抜きツールでも、選んだ範囲で円形の切り抜きを作れます。正方形でない写真に合うことがあります。
出典
数値と文章の最終確認日:2026年11月11日水曜日。