オンライン画像角丸ツール

具体的な操作例

幅200px、高さ100pxの画像に、半径80px、余白10pxを設定した場合を考えます。出力画像のサイズは幅220px、高さ120pxになります。ただし、実際に適用される角丸の半径は画像の短辺（高さ100px）の半分である50pxに制限されるため、指定した80pxではなく50pxの丸みになります。半径40px、余白0pxの場合は出力サイズは元の200×100pxのままです。

設定できる項目と制限

このツールで調整できるのは、角丸の半径、余白、背景（透明または単色）の3つです。角ごとに個別の半径設定や、枠線・影・バッチ処理などの機能はありません。出力はPNG形式のみで、JPEGなどの形式選択はできません。読み込み可能な画像形式はブラウザに依存しますが、一般的なPNG/JPEG/WebP/GIF/BMPに対応しています。1枚あたりのファイルサイズは25 MiBまで、ピクセル数は2400万までです。

背景色の扱い

透明モードでは、余白部分と角の外側が透明になります。単色モードでは、出力キャンバス全体が選択した色で塗りつぶされた後、角丸で切り抜いた画像が描画されるため、余白や角の外側にその色が表示されます。PNGは透明を保持できますが、JPEGは出力できません。単色背景を使う場合は、画像の視認性を確認してください。

処理の流れと注意点

画像の読み込みだけでは効果は適用されません。必ず「画像を生成」ボタンを押してください。処理はブラウザのキャンバス上でローカルに行われるため、画像がサーバーに送信されることはありません。元の画像は保持されるので、必要に応じてバックアップを取ってください。

チェックリスト

• 画像を読み込んだら、まず半径と余白を設定する
• 背景を透明にするか単色にするか選ぶ
• 「画像を生成」をクリックして結果を確認する
• 設定を変えたら再度「画像を生成」をクリックする
• ダウンロード前に角の丸み具合を確認する

よくある質問

角丸の半径を大きくしても、思ったより丸くならないのはなぜ？

実際に適用される半径は、画像の幅と高さの小さい方の半分までに制限されます。例えば、幅200px・高さ100pxの画像では、半径を80pxに設定しても実際は50pxになります。これは画像の形状を保つための仕様です。

余白を設定するとどうなりますか？

余白を設定すると、出力画像のサイズが元の画像の幅と高さにそれぞれ余白の2倍を加えたものになります。余白部分は透明または選択した背景色で塗りつぶされます。角丸は余白の内側に適用されるため、余白を大きくすると角の丸みが目立たなくなることがあります。

生成した画像をJPEGで保存できますか？

いいえ、このツールの出力はPNG形式のみです。PNGは透明な背景をサポートしているため、角丸の透明な余白を保持できます。JPEGが必要な場合は、ダウンロード後に別の画像変換ツールをご利用ください。