丸いアイコン画像を作る

やりたいこと

プロフィール写真やアプリアイコン、登壇者の顔写真は円形で表示されることが多いものです。画像自体を透過つきで丸くしておけば、表示側の切り抜きに頼らずどんな背景にも綺麗に乗ります。

丸抜きと角丸の違い

丸抜きは先に中央の正方形へ切り抜いてから完全に丸めます——被写体が中央寄りでないと切れてしまいます。角丸モードは画像全体を残して角だけを落とすので、スクリーンショットや商品写真向きです。

顔やロゴが中央からずれている場合は、先に画像切り抜きで正方形に整えてから丸めてください。

PNGである理由

半径の外側は透明になり、透過を保持できるのはPNG（とWebP）だけです。JPEGにすると角が白で埋まります。ファイル自体は矩形のままで、「丸」はアルファによる見た目なので、ファイルアイコンではなく表示結果で確認してください。