画像角丸め ◢

画像角丸めツールについて

この画像角丸めツールは、すべてブラウザ内で完結します。画像をドロップまたは選択し、スライダーで角の半径を選び、切り取られた部分を透明・白・黒のどれにするかを選択します。角を丸くするをクリックすると、画像は四隅で ctx.arc を4回呼び出して作成した角丸矩形クリップパスを使ってキャンバスに再描画されます。パスの外側の角は削除され、きれいな角丸形状が残ります。結果は PNG としてダウンロードできます——「透明」を選ぶと PNG はアルファチャンネルを保持するため、角丸がどんな背景にも馴染みます。サーバーへのアップロードは一切なく、JavaScript によってあなたのデバイス上でローカルに処理されます。

使い方

1. ドロップゾーンをクリックするか、画像ファイルをドロップします。
2. 角の半径スライダーを調整——0 で直角、最大 200 で非常に丸い角。
3. 切り取られる角の背景を選択：透明・白・黒。
4. 角を丸くするをクリックし、ダウンロードで PNG を保存、クリアでやり直せます。

よくある質問

プレビューの背景がチェック柄なのはなぜ？ チェック柄パターンはキャンバスの透明な部分を示し、ダウンロード前に角丸がどのように見えるかをプレビューできます。

半径は画像サイズに応じてスケールしますか？ 半径は元画像のピクセル単位なので、同じ視覚効果を出すには大きな画像ほど大きな半径値が必要です。

画像はアップロードされますか？ いいえ。すべての処理はローカルブラウザで行われ、画像がデバイスから外に出ることはありません。

出力形式は？ PNG ファイルです。PNG は透明性を保つため、透明な角は他のコンテンツの上に配置しても透明なままです。