画像を丸く切り抜く方法｜SNSアイコンを透過PNGでブラウザ作成
公開日：2026年8月21日 対象ツール：画像を丸く切り抜き（アイコン作成）
SNSやチャットのアイコンは、丸く切り抜かれて表示されることがよくあります。手持ちの写真をそのまま設定すると、顔が端に寄ってしまったり、余計な部分まで写ってしまったり。画像を丸く切り抜き（アイコン作成）は、写真やイラストを円・角丸・正方形に切り抜いて、アイコン用の画像を作れる無料ツールです。専用ソフトは不要で、ブラウザだけで使え、画像は外部に送信されません。
円・角丸・正方形の使い分け
- 円：SNSアイコンの定番。多くのサービスで丸く表示されるので、あらかじめ円にしておくと仕上がりを確認しながら作れます。
- 角丸四角：アプリアイコンやカードのサムネイル風に。やわらかい印象になります。
- 正方形：トリミングだけしたいとき。1:1の正方形に切り出せます。
円・角丸を選ぶと、切り抜いた外側（角）が透明なPNGになるため、背景が何色の場所でもきれいに表示されます。
使い方
- 画像をドラッグ＆ドロップするか、枠をクリックして選びます。
- 形を「円・角丸四角・正方形」から選びます。
- プレビューの画像をドラッグして位置を、スライダー（またはマウスホイール）で拡大を調整し、枠にちょうど収めます。
- 「背景を透過」をオンにすると角が透明に、オフにすると背景色を敷けます。書き出しサイズも選びます。
- 「ダウンロード（PNG）」で保存します。SNSやアプリのアイコンにそのまま使えます。
きれいなアイコンに仕上げるコツ
- 顔は少し中央上めに：円で切ると四隅が削れるので、顔や被写体を中央〜やや上に置くとバランスよく見えます。
- 拡大しすぎない：元画像より大きく拡大すると粗くなります。元の解像度に余裕がある画像を使うと安心です。
- 書き出しサイズは用途に合わせて：SNSアイコンなら512px前後が扱いやすく、多くのサービスできれいに表示されます。小さすぎるとぼやけることがあります。
角が透明なPNGになるしくみ
円や角丸で書き出すと、枠の外側は「透明」として保存されます。これが透過PNGです。透過されているおかげで、白背景でも濃い色の背景でも、アイコンが背景に溶け込まず、きれいな丸のまま表示されます。背景に色を付けたい場合は「背景を透過」をオフにして好きな色を選べば、その色で塗られた状態で書き出されます。
画像が外部に送信されないしくみ
顔写真など個人的な画像を、加工のために外部のサーバーへ送るのは避けたいものです。このツールは、読み込み・切り抜き・書き出しのすべてをブラウザ内のCanvas（描画機能）で完結させており、画像がネットワークに出ることはありません。通信を切ったオフライン状態でも動作します。
あわせて使いたい画像ツール
四角いまま縦横比を指定して切り抜きたいときは画像の切り抜き、作ったアイコンに名前や©を入れたいときは画像に文字・透かし、サイトのファビコンを作りたいときはファビコン生成が便利です。写り込んだ個人情報を隠すなら画像のモザイク・ぼかしもどうぞ。
よくある質問
切り抜いた角は透明になりますか？
円・角丸を選ぶと、外側（角）が透明なPNGとして保存されます。背景が何色の場所でもきれいに表示されます。背景に色を敷きたいときは「背景を透過」をオフにして色を選べます。
スマホでも使えますか？
使えます。指で画像をドラッグして位置を合わせ、スライダーで拡大を調整できます。ブラウザだけで動くのでアプリは不要です。
どのくらいの大きさで保存できますか？
書き出しサイズは128px・256px・512px・1024pxから選べます。SNSアイコンなら512px前後が扱いやすく、きれいに表示されます。
画像はどこかに保存・送信されますか？
されません。処理はすべてお使いのブラウザ内で完結し、画像が外部に送られることはありません。オフラインでも利用できます。
アイコンは、その人の第一印象を決める大切な要素です。画像を外部に送らずに丸いアイコンを作れるので、お気に入りの1枚で、まずは試してみてください。