画像の角を丸くする

角を丸くすると、スクリーンショットや商品写真、サムネイルがカードやアプリアイコンのように見えます。このツールは各角をなめらかな円弧で切り取り、外側を透明にします（JPGが必要なときは色で塗りつぶします）。半径はピクセルまたは短い辺に対する割合で指定でき、四隅すべてでも一部だけでも丸くでき、曲線に沿った枠線も付けられます。すべてブラウザ内で処理するため、画像がアップロードされることはありません。

使い方

1. 画像を1枚以上選びます。
2. 角の半径と単位（短い辺の%またはピクセル）を設定します。
3. 丸くする角を選ぶか、CSSの順序で四隅の半径を個別に入力します。
4. 必要なら枠線を追加し、角の外側をどうするかを選びます。
5. 画像を1枚ずつダウンロードするか、まとめてZIPでダウンロードします。

計算式

半径（px）＝ 半径% ÷ 100 × min(幅, 高さ)、最大 min(幅, 高さ) ÷ 2

隣り合う2つの角が必要とする長さの合計が共有する辺より長い場合、すべての半径を同じ比率で縮小します。ブラウザがCSSのborder-radiusで使う規則と同じなので、曲線が重なることはありません。幅bの枠線は、外側を切り取る前に輪郭を2bの太さで描くため、縁の内側にちょうどbピクセルが残ります。

計算例

1920 × 1080のスクリーンショットに半径5%を指定すると、角は5% × 1080 = 54 pxになります。50%では半径が540 pxになり、短い両端が完全な半円（カプセル形）になります。個別の半径40 40 0 0は、下が平らなカードのように上の角だけを丸くします。