画像を丸く切り抜く
画像を丸く切り抜きます。写真を選び、円を顔に合わせて保存するだけで丸いアイコンの完成。白い四角ではなく、角が透明な画像になります。画像は端末の外に出ません。
出典:W3C – Compositing and Blending Level 1: Porter-Duff destination-in。更新日:
計算方法
要点:このツールは写真を円形に切り抜き、円の外側の角が透明な正方形のPNGとして保存します。どんな背景にもなじむので、アイコンやプロフィール画像、Webサイト、プレゼン資料に使えます。処理はすべてブラウザ内で行われ、アップロードはありません。
使い方
- 画像をドラッグするか選択、またはCtrl+Vで貼り付けます。
- 円を被写体に合わせ、ズーム(またはマウスホイール)で範囲を絞ります。
- 出力サイズ(例:400×400、1080×1080ピクセル)を選びます。必要なら色付きの縁取りを追加します。
- 「丸い画像を保存」を押すと、透過付きのPNGまたはWebPで保存されます。
JPGではなくPNGを使う理由
画像ファイルは必ず四角形です。丸く見せるには角を透明にする必要があり、そのためにはアルファチャンネルが要ります。PNG(W3C標準)とWebPは対応していますが、JPGは非対応で角が白や黒になります。技術的には、まず選んだ正方形を描き、Porter-Duff合成の「destination-in」(W3C Compositing and Blending)で塗りつぶした円を重ね、円の内側だけを残しています。輪郭はギザギザにならないよう滑らかに処理されます。
できないこと
- 円形のみです(正方形の範囲)。楕円や角丸四角形には対応していません。
- 出力サイズが選択範囲より大きい場合は拡大されるため、少しぼやけます。
- 多くのSNSはプロフィール画像を自動で丸く表示するので、正方形の画像で足りる場合もあります。Webサイトや資料、ロゴには透過PNGが便利です。
- EXIF情報は引き継がれません。iPhone・iPadでは1,670万画素までに制限されます。
プライバシー
画像はブラウザの中だけで処理され、アップロードされません。
よくある質問
画像を無料で丸く切り抜くには?
ここに画像をドラッグし、円を合わせて「丸い画像を保存」を押すだけです。無料・登録不要で、アップロードもしません。
丸く切り抜いた画像の角が白くなるのはなぜ?
JPGで保存したためです。JPGは透明を扱えません。このツールはPNGまたはWebPで保存するので、角は透明のままです。
パワポで画像を丸く切り抜くには?
画像を選択し「トリミング→図形に合わせてトリミング→楕円」を選び、縦横比を1:1にします。角が透明な別ファイルとして使いたい場合は、このツールで書き出してください。
丸いアイコン画像のサイズはどれくらいが良い?
推奨サイズはサービスごとに異なり、変更されることもあります。400×400〜1080×1080ピクセルあれば多くの場合十分です。迷ったら各サービスのヘルプを確認してください。
円の周りに縁取りを付けられますか?
はい。「縁取り(リング)」で、円の内側に直径の最大15%までの色付きリングを付けられます。
スマホでも使えますか?
はい。指で円を動かし、スライダーで拡大できます。保存したPNGはダウンロードフォルダや「ファイル」アプリに入ります。
出典・根拠
- W3C – Compositing and Blending Level 1: Porter-Duff destination-in
- MDN – CanvasRenderingContext2D.globalCompositeOperation
- MDN – CanvasRenderingContext2D.arc()
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
更新日:
関連ツール
- 画像トリミング画像をアップロードせずにトリミングできる無料ツール。自由な範囲のほか、正方形1:1、4:3、16:9、9:16、InstagramやYouTube向けのサイズも選べます。スマホでも使えます。
- 画像の背景を削除写真の背景をAIで自動削除。処理はブラウザ内で行い、元の解像度のまま透過PNGまたは単色背景で保存できます。アップロード不要・無料・登録不要です。
- 写真からステッカーを作成写真から背景を消し、白フチと文字を付けてステッカーに。WhatsApp用(512px WebP)やTelegram用で保存。アプリ不要、アップロードなし。
- 海外用証明写真の切り抜き:海外用の証明写真を作る手持ちの写真を欧州などの公式サイズの証明写真に切り抜き。35×45mmほか、頭の大きさのガイド線、10×15cmの印刷シートを作成。無料でアップロード不要。
- ファビコン作成:画像・文字・絵文字から画像、文字、絵文字からファビコンを無料で作成。favicon.ico(16/32/48)、apple-touch-icon、PNG 192/512、site.webmanifest、HTMLを一括出力。アップロード不要。
- BPM測定サイト:音声ファイルからBPMを測定曲のBPMを測定。音声ファイルを選ぶと、ブラウザー内でテンポを計算し、±の誤差、信頼度、半分・倍のテンポの候補まで表示します。無料でアップロード不要。