プロフィール画像メーカー

よいプロフィール画像は、中央に配置されてくっきりしていて、サイトが円形に切り取ってもおかしくならない、すっきりした背景の上にあります。このツールは、拡大と位置の調整で写真の構図を決め、単色・グラデーション・ぼかしの背景を敷き、ブランドカラーのリング枠を付けられ、さらにキャンペーンやイベントのフレーム（中央が透明なPNG）を重ねることもできます。応援活動やチーム、イベントでよく使われるあのようなフレームです。結果は400、800、1080 pxのPNGまたはJPGで、すべてブラウザ内で作成されます。

使い方

1. 写真を選び、必要ならオーバーレイフレームのPNGも選びます。
2. 形と出力サイズを選びます。
3. 拡大と位置のスライダーで顔を中央に合わせます。100%未満では写真の周囲に背景が見えます。
4. 背景と、任意でリング枠を選びます。
5. PNG（円の外側は透明）またはJPGをダウンロードします。

計算式

倍率 = max(S ÷ w, S ÷ h) × 拡大 ÷ 100；x = (S − w·倍率) ÷ 2 − 位置 × (w·倍率 − S) ÷ 2

Sは出力サイズ、w × hは写真のサイズです。拡大100%では写真が正方形をちょうど覆い、100%を超えると位置スライダーで表示に残す部分が決まり、100%未満では小さくなった写真をフレーム内で動かします。リングは外側を切り取る前に輪郭を2 × rの太さで描くため、縁の内側にちょうどrピクセルが残ります。

計算例

3000 × 4000の縦長写真を拡大100%で800 × 800の円形にすると、800 ÷ 3000 = 0.267倍で800 × 1067になり、中央の3000 × 3000 pxが表示されます。垂直位置を−50%にすると、写真が0.5 × (1067 − 800) ÷ 2 ≈ 67 px下へ動き、上側（顔）がより多く表示されます。リング3%なら24 pxの枠が付きます。