画像を角丸にする

機能

• 半径はピクセルまたは短辺の割合。50% で完全な円（円形アバターはこれだけ）
• 既定は透明背景の PNG。背景色を選ぶと JPEG（大幅に小さい）
• 半径は短辺の半分で頭打ちになり、壊れたパスを描きません
• 円形アバター・カードの角丸・チャットのアイコンまで一度に
• 結果はそのままダウンロード。ファイル名に `-rounded` が付きます
• 画像は送信しません。オフラインでも使えます

使い方

1. 画像を点線の枠にドラッグします
2. 半径を入力します（ピクセルか割合。円なら 50）
3. 背景色が必要なら「透明背景」をオフにして色を選びます
4. 結果をダウンロードします

よくある質問

出力が JPEG ではなく PNG なのはなぜですか？

切り落とした四隅は透明であるべきだからです —— そうすればどんな背景の上でも成立します。JPEG には透明チャンネルがなく、四隅は特定の色で塗るしかありません。ページの背景色がそれと違えば、四隅に色の塊が現れます。そのため既定は PNG で、JPEG になるのは明示的に背景色を選んだときだけです（白背景のアバターなどでは大幅に小さくなります）。

円形アバターはどう作りますか？

単位を割合にして値に 50 を入れると完全な円になります（半径が短辺の半分）。元画像が正方形でなければ楕円になりますので、真円が必要なら先に正方形へトリミングしてください。ただし多くのプラットフォーム（WeChat、GitHub、各種管理画面）は正方形の画像を自分で円に切り抜くので、正方形であることだけ気にすれば足りることも多いです。

半径を大きくしても変化しないのはなぜですか？

短辺の半分を超えると角はそれ以上丸くならないからです —— 四隅が互いを食べ尽くし、その辺は丸ごと弧になります。ツールはそこで頭打ちにします。これが「最大の角丸」の確定した意味でもあります。極端に横長の画像（800×200 など）では、100px の半径でもすでに上限に近いです。

角丸の縁にギザギザは出ますか？

出ません。描画は canvas のパスクリッピングで、ブラウザが被覆率でアンチエイリアスします —— 「描いてから四隅を消す」方式ではありません（消す方式はピクセルを削るので、半透明の硬い縁が残ります）。出力形式にも注意してください：PNG はアルファチャンネルをそのまま保ちますが、JPEG は縁の半透明ピクセルを背景色と混ぜてから圧縮します。透明な角丸には必ず PNG を使ってください。