メインコンテンツへスキップ

円形クロップ – 丸アイコン・プロフィール 無料

またはここに画像をドロップ

完璧な円形マスクで、円の外側は透明PNGです。Discord、LinkedIn、Teams、アプリアイコン向け。無料、登録不要、透かしなし。ブラウザ内で実行されます。

円形クロップ画像を円形に切り抜く)とは、写真の丸い領域だけを残し、円の外側を書き出しファイルで完全に透明にすることです。多くのアプリは文字通りの「円形ファイル」を保存せず、正方形PNGを取り、表示時に円形にします。だから透明PNGが重要です。角が白やグレーではなく見えない状態にしないと、アバター背後に正方形のボックスが見えてしまいます。

上のエディターで真の円形マスクを使い、書き出しサイズを選んでPNGをダウンロードしてください。SNSプロフィールでは、シャープで明るいソースから始め、プラットフォームが求める最小サイズより大きく書き出しましょう。プラットフォームはほぼ必ずダウンスケールするため、余分な解像度がエッジをきれいに保ちます。

3ステップで円形クロップ

ドラッグ可能なハンドルとライブプレビュー付きの丸いクロップが使えます。アカウントは不要で、ファイルは端末内に留まります。

まず正方形が必要なら、正方形画像メーカー(ぼかし、色塗り、正方形クロップ)を試し、円形書き出しのためにここに戻ってください。

  1. JPG、PNG、WEBP(最大10MB)をアップロードします。円形マスクとクロップボックスがキャンバスに表示されます。
  2. ズームと位置を調整します。顔や商品が円を埋めるようズームし、必要なら回転します。画像を伸ばさず、クロップ領域をドラッグして再中央配置できます。
  3. ダウンロードタブからPNGでダウンロードします。Originalまたはプリセットサイズを選び、PNGは円外の透明を保持します。

円形アバターが使われる場所

円形プロフィール写真は、基礎ファイルが正方形でも、多くの製品でデフォルト表示されます。ユーザーがこのページを開く典型的な場所は次のとおりです。

Discord、Slack、Microsoft Teamsなどは、アバターを円または角丸正方形で表示します。角が透明なPNGは、UIテーマが暗色・カラーでもハローを避けられます。

LinkedInなどのキャリアサイトは、フィードでプロフィール写真を円形にクロップします。400px以上で書き出し、顔をマスク中央に置くと、自動クロップの不自然さを減らせます。

モバイル・デスクトップストアは、安全マージン付き正方形アセットを要求することが多いです。透明PNG上の円形被写体は、グラデーションやブランド背景上にきれいに重なります。

社内ディレクトリやヘルプデスクソフトは、アバターを丸く表示することが多いです。透明PNGは、カラー付きヘッダーやカードを使う製品でブランディングを一貫させます。

チャット・コミュニティ

Discord、Slack、Microsoft Teamsなどは、アバターを円または角丸正方形で表示します。角が透明なPNGは、UIテーマが暗色・カラーでもハローを避けられます。

プロフェッショナルネットワーク

LinkedInなどのキャリアサイトは、フィードでプロフィール写真を円形にクロップします。400px以上で書き出し、顔をマスク中央に置くと、自動クロップの不自然さを減らせます。

アプリアイコン・ゲームアバター

モバイル・デスクトップストアは、安全マージン付き正方形アセットを要求することが多いです。透明PNG上の円形被写体は、グラデーションやブランド背景上にきれいに重なります。

メール・社内ツール

社内ディレクトリやヘルプデスクソフトは、アバターを丸く表示することが多いです。透明PNGは、カラー付きヘッダーやカードを使う製品でブランディングを一貫させます。

円形クロップ vs その他の「正方形化」

透明な円が不要で1:1画像だけなら、別ツールが速い場合もあります。このページの位置づけは次のとおりです。

出力が透明背景上の丸い被写体である必要があるときに最適です。アバター、アイコン、ステッカー向けです。

円形マスクなしで正方形に切り取ります。角をシャープにしたい、またはフルブリード正方形写真が欲しいときに使います。

ソフトなぼかしボーダーの正方形内に写真全体を表示します。円形書き出しはありません。厳密な丸アバターよりフィード投稿向けです。

単色またはぼかしで正方形にフィットまたはパディングします。透明が不要なときに使います。

円形クロップ(このページ)

出力が透明背景上の丸い被写体である必要があるときに最適です。アバター、アイコン、ステッカー向けです。

[ 正方形にトリミング ](/crop-to-square)

円形マスクなしで正方形に切り取ります。角をシャープにしたい、またはフルブリード正方形写真が欲しいときに使います。

[ ぼかしフォトフレーム ](/blurred-frame)

ソフトなぼかしボーダーの正方形内に写真全体を表示します。円形書き出しはありません。厳密な丸アバターよりフィード投稿向けです。

[ 正方形画像メーカー ](/) (リサイズ、色塗り)

単色またはぼかしで正方形にフィットまたはパディングします。透明が不要なときに使います。

推奨書き出しサイズ

これらは実用的な出発点です。プラットフォームの最新仕様を必ず確認してください。PNGをこれら以上で書き出すと、アップロード後のぼやけを減らせます。

  • Discord / 類似: 最低512×512。余裕が欲しければ1024×1024。
  • LinkedIn風ヘッドショット: 表示最小400×400。可能なら800×800以上で書き出してください。
  • 高DPIディスプレイ: Originalまたは1200×1200は、同一アセットを複数サイズで再利用するときに役立ちます。

良い円形プロフィール写真のコツ

被写体が円の大部分を占めるまでズームを上げてください。空きすぎると、サムネイルサイズで手抜きに見えます。

ポートレートでは、目が円の垂直中央よりやや上に来るよう配置してください。端寄りの顔より、積極的なプラットフォームクロップに耐えます。

JPEGは円外の透明をサポートしないため、固い長方形になります。PNGなら任意の背景で角が見えません。

細い髪やメガネは、書き出し後にギザギザに見えることがあります。ややソフトな照明か、少しズームインするとシルエットがきれいになることもあります。

円を埋める

被写体が円の大部分を占めるまでズームを上げてください。空きすぎると、サムネイルサイズで手抜きに見えます。

目を垂直中央付近に

ポートレートでは、目が円の垂直中央よりやや上に来るよう配置してください。端寄りの顔より、積極的なプラットフォームクロップに耐えます。

常にPNGで書き出し

JPEGは円外の透明をサポートしないため、固い長方形になります。PNGなら任意の背景で角が見えません。

端のコントラストに注意

細い髪やメガネは、書き出し後にギザギザに見えることがあります。ややソフトな照明か、少しズームインするとシルエットがきれいになることもあります。

丸アイコン・プロフィール向けのポイント

日本では「丸く切り抜き」「円形アイコン」「プロフィール 丸 画像」などで検索される用途が多いです。SNSは表示時に円形マスクをかけるため、角が透明なPNGで書き出すのが重要です。

Discord・LINE・Slack

コミュニティアプリは512×512px前後の正方形ソースを円形表示します。先に円形クロップで透明PNGを作ると、白い四角い縁(ハロー)を防げます。

LinkedIn・転職プロフィール

ビジネス向けプロフィールは400×400px以上で書き出し、顔を円の中央に配置してください。スーツ姿のヘッドショットは余白を少し多めに取ると自動クロップ後も自然です。

ロゴ・ブランドマーク

文字入りロゴは円形マスクで端が切れやすいです。シンプルなシンボル中心のデザインにするか、正方形+余白で円内に収めてください。

円形クロップ – 日本でよくある用途

LINE・Discord・Slack

512×512前後の正方形ソースを円形表示します。透明PNGで白い四角縁(ヘイロー)を防げます。

LinkedIn・転職

400×400以上、顔を円の中央に。スーツ姿は余白多めが自動クロップ後も自然です。

円形クロップ後の確認

透明PNG書き出し後、LINE・Discord・LinkedInへuploadする前に円形プレビューでヘイローがないか確認。

512 vs 1024

小アイコン用512×512、Retina・プロフィール用1024×1024 upload推奨。

ロゴ注意

横長ロゴは円内で切れやすい。シンボル中心または余白多めに。

丸型アイコン実務

プロフィール・LINEアイコンは800×800以上で作成し、円マスク後も端が欠けないようセーフゾーン10%を空けます。

ロゴは円より角丸正方形の方が判読しやすい場合があります。用途が「丸必須」か「見た目だけ」かを先に決めましょう。

よくあるミス

円の外側を透明PNGのままECにアップロードすると白背景サイトでグレーの角が出ることがあります。

SNS・ECでの円形画像

X・Instagramプロフィールは表示上円形ですが、800×800の正方形マスターを作り、プラットフォーム側のマスクに任せるのが一般的です。

ECロゴは円より角丸正方形の方が判読しやすい場合があります。丸必須の媒体(LINEアイコン等)だけ円exportに切り替えましょう。

セーフゾーン

顔・ロゴは中心から10%内側に収める。円の端で文字が切れないよう、プレビューでダーク/ライト背景両方を確認。

形式

透過PNGはSNS向け、白背景JPGはEC向け。同一デザインはmaster.pngexport.jpgを分けて管理。

よくある質問

円形クロップは透明PNGを書き出しますか?
はい。このツールは円外が透明なPNGを書き出すので、任意の背景にアバターを配置できます。
画質を落とさず写真を円形にクロップするには?
大きめ(例:800×800または1200×1200)で書き出し、PNG形式を維持してください。プラットフォームがダウンスケールしても詳細を保持できます。
円形クロップと正方形クロップは同じですか?
いいえ。正方形クロップは長方形領域を正方形ファイルとして保持します。円形クロップは、円外のピクセルが透明な正方形PNGを出力します。多くのアプリが丸アバターを表示する前に期待する形式です。
写真はサーバーにアップロードされますか?
いいえ。エディターはブラウザ内で実行されます。画像は処理のためサーバーに送信されません。
DiscordやSlackアバター向け書き出しサイズは?
最低512×512または1024×1024 PNGで書き出してください。プラットフォームがダウンスケールします。大きめから始めると、UIで円形クロップされてもエッジが滑らかに保てます。

こちらもおすすめ

ガイド・チュートリアル