画像を丸く切り抜く

どんな写真も、数秒で美しい円形に切り抜けます。ドラッグで位置を調整し、ピンチでズームし、お好みで枠線を追加。背景が透明なPNG画像としてダウンロードできます — すべての処理はブラウザ内で完結するので、アップロードした写真が外部のサーバーに送信されることは一切ありません。

今すぐ試せます — アップロード不要

完全無料・完全プライベート・アップロード不要

画像を丸く切り抜く方法

1

写真をアップロード(またはサンプルで試す)

アップロードボタンをクリックするか、ファイルをページ上に直接ドラッグ&ドロップ、またはクリップボードから画像を貼り付けできます。ご自身の写真をアップロードせずに試したい場合は、上のサンプル写真をタップするだけで丸く切り抜くツールをすぐに体験できます。JPG、PNG、WebPに対応しています。

2

円の中に写真を配置

フレーム内に収めたい部分に合わせて写真をドラッグし、ピンチまたはスクロールで拡大・縮小してください。ここが実際に円形へ切り抜かれる工程です — エクスポート時に円の外側はすべてカットされるため、フレーミングをしっかり決めておきましょう。

3

必要に応じて回転・反転

回転スライダーで傾いた写真をまっすぐに直したり、反転ボタンで左右・上下にミラー反転したりできます。横向きになったスマホ写真や、左右反転が必要な商品写真の調整に便利です。

4

スタイルタブで装飾を追加

スタイルタブを開くと、円形に切り抜いた写真の周りにカラーの枠線を追加したり、写真と枠線の間の余白を調整したり、背景(単色・透明・写真自体をぼかした背景)を選んだりできます。変更内容はすべてリアルタイムでプレビューに反映されます。

5

サイズを選んでダウンロード

エクスポートタブに切り替えて、背景を透明にしたい場合はPNG、透明対応のまま軽量なファイルにしたい場合はWebP、単色背景でよければJPEGを選択してください。プロフィール画像なら512pxなどのプリセットサイズを選ぶか、元の解像度のまま書き出すこともできます。最後に「切り抜く」をクリックすれば、丸い画像のダウンロードが始まります。

プラットフォーム別 おすすめの円形サイズ一覧

PlatformSizeFormat
Instagramプロフィール320 × 320 pxPNG
LinkedInプロフィール400 × 400 pxPNG
X(Twitter)アイコン400 × 400 pxPNG
Discordアバター512 × 512 pxPNG
YouTubeチャンネルアイコン800 × 800 pxPNG

写真を円形に切り抜く、高速・プライベートな方法

PNG・WebPなら背景は自動で透明

PNGまたはWebPで書き出すと、円の外側はすべて完全に透明になります — 白や黒の角が残ることはありません。切り抜いた円形の画像は、どんな背景・スライド・ウェブページの上にもそのまま重ねられます。

アップロードした写真はブラウザの外に出ません

円形への切り抜きはすべて、HTML5 Canvas APIを使ってお使いのデバイス内で完結します。写真がサーバーに送信されたり、どこかに保存されたり、あなた以外の誰かに見られたりすることは一切ありません。そのぶん、大きなファイルでも高速に処理できます。

切り抜きモードとフィットモード

切り抜きモードは円全体を写真で満たし、はみ出した部分をカットします。一方フィットモードは写真全体を円の中に縮小して収めるため、何もトリミングされません — 正方形のロゴや、トリミングしたくないグラフィックに最適です。

自分の写真をぼかして背景に

背景設定を「ぼかし画像」に切り替えると、円の周りのスペースが単色の代わりに、同じ写真を柔らかくぼかした背景で満たされます。ストーリー風の、端から端まで写真で埋まった仕上がりを簡単に作れます。

登録不要・透かしなし・回数制限なし

何枚でも、何回でも自由に写真を円形に切り抜けます。アカウント登録やアプリのインストールは不要、ダウンロードした画像に透かしが入ることもなく、1日の利用回数の上限もありません。

マウスだけでなく、指の操作にも対応

ドラッグでの位置調整やピンチでのズームは、スマホやタブレットでも思い通りに動きます。枠線・余白・背景の設定を含むエディター全体が、指での操作を前提に設計されています。

円形に美しく切り抜くための完全ガイド

おすすめのフレーミング

プロフィール写真:余白を残す

円形の切り抜きは正方形よりもタイトになるため、頭の上に少し余白を残し、生え際ギリギリまで切り詰めないようにしましょう。64×64pxのような小さいアバターサイズでは、切り抜きがタイトすぎると窮屈な印象になります。

ロゴ:外周に余裕を持たせる

テキストや細かいディテールは円の境界線から離しておきましょう。プラットフォームがアバターの周りに独自のリングや影を追加した場合、境界線に近い部分から真っ先に見切れてしまうためです。ロゴには透過PNGでの書き出しがほぼ常に安全な選択です。

商品:認識しやすさを優先して切り抜く

商品の中でもっとも見分けがつきやすい部分を円の中央に配置しましょう。商品が縦や横に極端に長い場合は、フィットモードに切り替えることで、側面が切れることなく全体の形を保てます。

よくある失敗例

切り抜きがタイトすぎる

顔の周りに余白をまったく残さないと、InstagramやLinkedInのような小さな円形アバター枠に収められたときに窮屈な印象になります。少しの余白が仕上がりを大きく左右します。

ロゴをJPEGで書き出してしまう

JPEGは透明度に対応していないため、この形式で書き出したロゴは必ず単色の背景付きになってしまいます。別の色や画像の上に重ねる予定があるものには、PNGかWebPを使いましょう。

出力サイズを気にしない

320pxのアバター用に4000×4000pxで書き出すと、必要以上にファイルサイズが大きくなり、アップロード先での読み込みも遅くなります。実際に使う場所に合ったサイズプリセットを選びましょう。

出力形式の選び方

PNGが適している場合

透明度、テキスト、シャープな輪郭を含むものには、PNGがもっとも安全な選択です。ロゴ、アイコン、そしてほとんどのプロフィール写真に向いています。

WebPが適している場合

WebPはPNGと同じ透明度を保ちながら、ファイルサイズを大幅に小さくできます。読み込み速度が重要になるウェブサイト用の画像には特におすすめです。

JPEGが適している場合

JPEGは透明な背景にまったく対応していないため、単色の背景をあえて選んだ場合にのみ意味があります。

きれいな円形プロフィール画像を作るコツ

プラットフォームの実際の表示サイズに合わせる

多くのプラットフォームは、実際にはもっと大きなアップロードを受け付けていても、アバターは512pxよりかなり小さく表示します。上のサイズガイドを確認し、当てずっぽうではなくその表示サイズに近いサイズで書き出しましょう。

できるだけ解像度の高い写真から始める

円形の切り抜きは元の写真の一部だけを表示するため、低解像度の画像をタイトに切り抜くとぼやけて見えてしまいます。あとから縮小するのではなく、手元にある一番大きいサイズの写真から切り抜きを始めましょう。

写真全体ではなく、顔を中心に合わせる

元の写真の中心が、必ずしも顔の位置と一致しているとは限りません。写真の幾何学的な中心ではなく、あなたの顔が円の中心に来るように画像をドラッグして調整しましょう。

円形のプロフィール画像・ロゴ・ステッカーを作る

Webのアバターのほとんどは円形で表示されます — Instagram、WhatsApp、Discord、LinkedIn、X、TikTok、Zoom、Slack、Googleなど。プラットフォーム側の自動トリミングに任せるのではなく、自分で写真を切り抜くことで、円の中に何を収めるかを思い通りにコントロールできます。

ロゴやブランディングにおいては、円形への切り抜きによって、正方形や長方形のマークが、正方形のロゴでは収まらない場所にもフィットするバッジへと変わります。ウェブサイトのヘッダー、ファビコン、丸型のSNSアイコン、ステッカーシートなどが一例です。

用途はプロフィール画像だけにとどまりません。ネットショップの商品一覧に使う円形のサムネイル、Aboutページに載せる丸いチームメンバーの写真、グループチャットやスライド資料にちょっと使いたい円形ステッカーなど、活用の幅は広がります。

よくある質問

他の画像ツールもチェック