画像の角を丸くする
半径 0〜500 ピクセル・非破壊。ブラウザ内処理、送信なし。
角丸の長方形を描き、その上のレイヤーに画像を置いて Ctrl+Alt+G で完成です。
手順は三つです。① 長方形ツールで長方形を描き、右側のプロパティパネルで「角丸」を好きな値に——0 から 500 ピクセルまで、数値を直接入力するか、ラベルを左右にドラッグして調整します。② その長方形の上のレイヤーに画像を移動します。③ Ctrl+Alt+G（Mac では ⌥⌘G）を押すと、画像が角丸の形に切り抜かれます。レイヤーパネルの右クリックメニューにも「クリッピングマスクを作成」があります。ここにワンタップの角丸ボタンはなく、増えた二手で得られるものが二つあります。ピクセル単位で正確な半径と、非破壊であることです。クリッピングマスクは覆っているだけで画素は一つも失われず、もう一度 Ctrl+Alt+G を押せば元に戻ります。PNG で書き出すと角の外は透明なので、別の背景に載せても白い縁が出ません。計算はすべてご自身のブラウザ内で行われ、画像はアップロードされません。
主な機能
半径をピクセル単位で
角丸 0〜500 ピクセル。数値を直接入力するか、ラベルをドラッグして調整します。
非破壊
クリッピングマスクは覆うだけ。画素は失われず、もう一度 Ctrl+Alt+G で解除できます。
書き出すと角が透明
PNG で保存すると角の外は透明。別の背景に載せても白い縁が出ません。
ブラウザ内で処理
画像はアップロードされません。タブを閉じれば何も残りません。
使い方
- 1 角丸の長方形を描く長方形ツールで描き、プロパティパネルで「角丸」を設定します（0〜500 ピクセル）。
- 2 画像を上のレイヤーに長方形より上へ画像を移動します。レイヤーの順序が重要です。
- 3 Ctrl+Alt+G を押すMac では ⌥⌘G。レイヤーパネルで右クリックし「クリッピングマスクを作成」でも構いません。
- 4 PNG で書き出す角の外は透明なので、そのまま使えます。
よくある質問
- ワンタップで角を丸くするボタンはありますか？
- ありません。手順は三つで、角丸の長方形を描き、その上のレイヤーに画像を置き、Ctrl+Alt+G（Mac では ⌥⌘G）を押します。増えた二手と引き換えに、ピクセル単位で正確な半径と、いつでも解除できることが手に入ります。
- 丸いアイコンを作るには？
- 角丸の半径を辺の長さの半分にすれば真円になります。あるいは楕円ツールでマスクを描いても構いません——Shift を押しながら描けば真円になり、そのあと Ctrl+Alt+G を押します。
- 角は本当に切り落とされるのですか？
- 切り落とされません。クリッピングマスクは非破壊で、画像の画素は一つも失われず、覆われているだけです。もう一度 Ctrl+Alt+G を押せば角ばった状態に戻ります。PNG で書き出すと角の外は透明になります。
- 無料ですか？画像はアップロードされますか？
- 無料・登録不要・回数制限なしです。アップロードもされません。すべてご自身のブラウザ内で処理されます。
今すぐ画像の角を丸くするを試す
すべてブラウザ内で動作 · インストール不要 · 登録不要 · 画像はアップロードされません