画像を円形に切り抜き

丸いプロフィール画像、チームのアバター、ステッカー、ロゴは、どれも同じ作業から始まります。写真を形に切り抜き、外側を透明にすることです。このツールは円・楕円・角丸四角・ハート・星・六角形、またはマスクとして用意した任意の形に切り抜けます。拡大と位置の調整で顔を中央に合わせられます。縁はなめらかに処理され、PNGでは角が透明のまま保たれます。写真はブラウザー内だけで処理され、アップロードされません。

使い方

1. 画像を1つ以上選びます。
2. 形を選びます。自作の形にする場合は、マスク画像も選びます（白または不透明な部分が残る領域）。
3. 拡大と2つの位置スライダーで、被写体がうまく収まるように調整します。
4. 必要に応じて、出力サイズ、縁取りのリング、背景色を設定します。
5. PNG（またはWebP、JPG）をダウンロードします。

計算式

切り抜く一辺 S = min(幅, 高さ) ÷ 拡大、中心 x = 幅 ÷ 2 + 位置 × (幅 − S) ÷ 2

縦方向も同じ式です。位置は−100%（切り抜き範囲が左端または上端に接する）から+100%（右端または下端）までです。楕円は正方形ではなく、幅 ÷ 拡大 × 高さ ÷ 拡大のサイズで切り抜きます。太さ b の縁取りリングは、形の縁に太さ 2b で描いてから外側を切り取るため、内側にちょうど b ピクセル分が残ります。

計算例

4000 × 3000の写真を拡大100%で円形に切り抜くと3000 × 3000pxのPNGになり、拡大150%では切り抜き範囲が3000 ÷ 1.5 = 2000pxになります。水平位置を+50%にすると、中心は x = 2000 から 2000 + 0.5 × (4000 − 2000) ÷ 2 = 2500 に移動します。出力サイズを400にすると400 × 400のアバターになります。