中央位置
重要部分が真ん中にあるか
丸抜きでは中央を残します。顔、ロゴ、文字が左右や上下に寄っていると、丸型表示で切れやすくなります。
アイコン画像を丸く切り抜く｜透過PNGを無料作成
写真・画像を円形に切り抜き、外側が透明なPNGアイコンとして無料保存できます。SNSプロフィール、Webサイト、ロゴ素材向けに512px・800pxなどのサイズを選べます。
最終更新：2026年7月30日対応：Web丸抜き・透明PNGを作成
画像をアップロード
画像を選ぶと、元画像と丸抜き後を同じ場所で比較できます。
変換後のプレビューがここに表示されます。処理後の見た目と容量を確認してから保存できます。
Webサイト、アプリ、プロフィール欄などで使いやすい軽めの丸型PNGです。
丸抜き前後の注意
- 画像を選ぶと、元画像と丸抜き後の見た目・サイズ・容量を同じ場所で比較できます。
- 中央を正方形で切り出すため、顔・ロゴ・文字が中央にある画像ほど自然に仕上がります。
プレビューを確認してから画像をダウンロードできます。丸の外側は透明背景PNGになります。
用途別アイコンサイズ
SNSプロフィール、Webサイト、一覧カードなど、使う場所に合わせてサイズを選べます。
アイコン画像を丸く切り抜く前に確認する4項目
丸型アイコンは、単に円形にするだけでなく、中央位置、余白、解像度、容量まで確認すると失敗しにくくなります。
余白
端に近すぎないか
正方形画像でも、四隅や端は丸型では見えにくくなります。周囲に少し余白がある画像の方が扱いやすいです。
解像度
短辺が小さすぎないか
元画像の短辺が小さいと、800pxや1024pxで書き出したときにぼやけます。大きめの元画像を使うときれいです。
形式と容量
PNG化で重くならないか
透明背景PNGは便利ですが、写真では容量が大きくなりやすいです。保存後の容量も確認します。
用途別サイズの目安
丸型アイコンは表示先で縮小されることが多いため、少し大きめに作っておくと扱いやすいです。
プロフィール画像
800×800px
SNS、アカウント画像、サービス登録用に使いやすい大きめサイズです。あとで縮小されても粗く見えにくいです。
標準アイコン
512×512px
Webサイト、ツールカード、小さなプロフィール枠などで扱いやすい標準サイズです。迷ったらここから使えます。
大きめ素材
1024×1024px
あとで別サイズに縮小する前提の素材向けです。元画像の短辺が十分大きい場合に向いています。
小さめ表示用
400×400px
一覧カードや小さなアイコン枠で使う軽めのサイズです。容量を抑えたい場合にも使いやすいです。
用途別の確認ポイント
同じ丸型アイコンでも、SNSプロフィール、Webサイト、ロゴ素材、写真素材では確認する場所が変わります。
SNSプロフィール画像を作りたい
800pxまたは512px
顔やロゴが中央にある画像を使い、丸型表示で切れないか確認します。余白が少ない場合は先に正方形へ整えると安全です。
Webサイトのカード用アイコンを作りたい
512pxまたは400px
カードや一覧で小さく表示する場合は、細かすぎる文字や複雑な背景を避けると見やすくなります。
ロゴを丸型素材にしたい
余白を多めに残す
ロゴの端が円の外へ出ないように、中央寄せと余白を確認します。白いロゴの場合は、表示先の背景色も確認します。
写真をアイコン化したい
顔の位置を確認する
人物や動物の写真は、顔の中心が画像中央に近いものが向いています。顔が端に寄っている場合は、先にトリミングしてから丸抜きします。
よくある失敗例と直し方
丸型アイコンの失敗は、切れ、ぼやけ、容量増加、小さく表示したときの読みにくさとして出やすいです。
横長画像をそのまま使う
よくある状態：人物が左寄りの横長写真を使い、中央切り抜きで顔の一部が切れる。
直し方：先に画像リサイズで正方形にし、人物やロゴを中央に置いてから丸抜きします。
文字やロゴを端に置く
よくある状態：四隅や端にある文字が、丸型アイコンにしたときに欠けてしまう。
直し方：文字やロゴは中央に寄せ、周囲に余白を残します。細かい文字は小さい表示で読みにくい点にも注意します。
小さい画像を大きく書き出す
よくある状態：300pxの画像を1024pxで保存し、輪郭や文字がぼやける。
直し方：元画像の短辺より大きすぎるサイズにしないか、より高解像度の元画像を用意します。
容量を確認せずに使う
よくある状態：写真を透明PNGで保存したら容量が大きくなり、ページ表示が重くなる。
直し方：保存後に容量を確認し、必要なら画像圧縮やWebP変換で軽くします。
確認しながら作る流れ
元画像を選んで終わりではなく、切り抜き範囲と保存後の使いやすさまで確認すると実用的なアイコンになります。
1. 元画像を選ぶ
顔、ロゴ、文字ができるだけ中央にある画像を選びます。横長・縦長画像は切り抜き範囲に注意します。
2. 出力サイズを決める
プロフィール用、Webサイト用、小さめ表示用など、使う場所に合わせてサイズを選びます。
3. プレビューで確認する
切り抜かれる方向、拡大の有無、PNG化による容量増加などを確認します。
4. 保存後に見え方を見る
保存した画像を実際の表示枠で確認し、必要ならリサイズや圧縮で調整します。
保存前チェックリスト
丸型アイコンを保存して使う前に、最低限ここを確認しておくと失敗を減らせます。
- 1
顔・ロゴ・文字が中央にあるか確認したか
- 2
丸型にしたときに端や四隅の情報が欠けないか
- 3
出力サイズが元画像の短辺より大きすぎないか
- 4
プロフィール用なら512px以上、余裕を持つなら800px前後を検討したか
- 5
透明背景PNGとして使う必要があるか
- 6
保存後の容量が重い場合、圧縮やWebP変換を検討したか
関連する画像調整ツール
丸抜きの前後で使いやすい画像ツールです。
このツールで確認できること
丸型アイコンをすばやく作りつつ、切り抜き範囲や保存後の使いやすさを判断できるようにしています。
このページでは、選択した画像をブラウザ上で読み込み、中央の正方形範囲を丸型に切り抜いて、丸の外側を透明にしたPNGとして書き出します。元画像が横長・縦長の場合は中央を残すため、人物やロゴが端にある画像では一部が切れる場合があります。プロフィール画像、Webサイト用アイコン、カード用素材として使う前に、中央位置、余白、出力サイズ、容量を確認してください。
よくある質問（FAQ）
ツールを使うときに迷いやすい点を整理しています。
アイコン画像を無料で丸く切り抜けますか？⌄
はい。写真や画像を読み込み、円形プレビューで位置とサイズを確認して、外側が透明なPNGアイコンとして無料保存できます。画像処理は対応ブラウザ内で行います。
切り抜く位置は変更できますか？⌄
このページは中央切り抜きです。顔やロゴが中央にある画像で使いやすい仕様です。中央からずれている画像は、先に画像リサイズや別の編集ツールで位置を整えてから使うと自然です。
背景は透明になりますか？⌄
丸の外側は透明背景のPNGとして書き出します。ページやアプリ側で丸型表示にしなくても、画像自体が丸く見える状態になります。
JPG画像でも使えますか？⌄
JPG画像も読み込めます。出力は透明背景PNGになるため、元のJPGより容量が大きくなる場合があります。容量を抑えたい場合は、保存後に画像圧縮やWebP変換を使ってください。
どのサイズで保存すればいいですか？⌄
迷う場合は512pxまたは800pxが扱いやすいです。プロフィール画像として長く使うなら800px、Webサイトの小さなアイコンなら512pxまたは400pxでも十分なことが多いです。
丸型にすると顔や文字が切れますか？⌄
元画像の重要部分が端にあると切れる場合があります。丸型アイコンでは四隅と端が見えにくくなるため、顔、ロゴ、文字は中央に寄せ、周囲に余白を残すと安全です。