画像を一枚アップロードし、角丸半径を調整します。必要に応じて余白を追加し、出力形式を選んでください。設定欄の下にあるプレビューを確認してファイルを生成すると、完了した結果カードからダウンロードできます。
オンライン画像角丸ツール
角丸半径を調整し、必要に応じて余白を追加できます。プレビューを確認して、PNG・WebP・JPGでダウンロードしてください。
オンラインで画像の角を丸くする
写真、スクリーンショット、商品画像の角をオンラインで丸くできます。四隅を均等に丸め、画像本体は元のサイズを保ちます。
この無料の画像角丸ツールでは、画像の周囲に均等な余白も追加できます。フォーム下部のプレビューを確認してから、画像を生成してダウンロードしてください。PNGとWebPは角の透明部分を保持し、JPGでは透明部分が白色になります。
オンラインで画像の角を丸くする手順
画像を一枚アップロード
20 MB以下のJPG、PNG、WebP、GIF、AVIF、BMP、TIFFを選択します。アップロードが完了してから画像を生成してください。
角丸半径・余白・出力形式を設定
スライダーまたは数値入力で、角丸半径と余白を元画像のピクセル単位で設定します。PNG、WebP、JPGから出力形式を選べます。JPGとWebPには画質設定もあります。
プレビューを確認して生成・ダウンロード
設定欄の下にあるプレビューで形を確認します。「角丸画像を生成」を選択してファイルを作成し、完了した結果カードからダウンロードしてください。市松模様は透明部分を示しており、ダウンロードした画像には含まれません。
角をどのくらい丸くするかを決める
角丸半径は四隅の丸みを決めます。元画像のピクセル単位で指定するため、同じ20 pxの半径でも、大きな写真では小さなサムネイルに比べて変化が控えめになります。プレビューでは画像の表示サイズに合わせてカーブも縮小し、仕上がりの比率を確認できます。
小さな半径
長方形の形をほぼ保ったまま、四隅を柔らかくします。スクリーンショット、プレゼンテーション用の画像、商品カードに向いています。
大きな半径
四隅から切り取る範囲を広げ、より丸みのある形にします。端にある重要な内容が見えなくならないか確認してください。
最大の半径
上限は画像の短辺の半分で、最大4096 pxです。正方形は円形に、長方形はカプセル形になります。
角丸半径を0にすると、角を丸くせずに余白だけを追加できます。丸いプロフィール画像にしたい場合は、先に画像トリミングツールで正方形にしてから、このツールに戻って最大の半径を選んでください。
角丸画像の周囲に余白を追加
余白を設定すると、画像の外側の四辺に均等な空間が追加されます。画像の内容を縮小せずに出力キャンバスを広げます。角丸画像に余白を付けると、写真と周囲の文字やほかのデザイン要素との間隔を確保できます。
例えば、1200 × 800 pxの画像に20 pxの余白を付けると、1240 × 840 pxになります。左、右、上、下にそれぞれ20 pxを追加します。最終的な幅と高さが出力上限に収まる範囲で、余白を0~1000 pxに設定できます。
余白は空きスペースであり、枠線や影を描く機能ではありません。PNGとWebPでは透明、JPGでは白色になります。
角の透明部分を保ってPNGまたはWebPで保存
画像を使う場所に合わせて出力形式を選んでください。この画像角丸ツールは、角丸の形を画像ファイルに保存します。文書、スライド、デザインに挿入するときに、別途角丸効果を付ける必要はありません。
PNG:透明な角
角や余白の透明部分に加え、元画像にある透明部分も保持します。ほかの背景の上に画像を配置したい場合はPNGを選んでください。
WebP:透明部分の保持と画質調整
透明部分を保持し、画質を調整できます。画像を使用するアプリや公開先がWebPに対応しているか確認してください。
JPG:白色の角と余白
JPGは透明度を保存できません。切り取った角、追加した余白、元画像のその他の透明部分は白色で塗りつぶされます。画質設定も利用できます。
余白を含め、出力の幅と高さはそれぞれ8192 px以下にする必要があります。小さな画像が必要な場合は、角丸加工の前に画像リサイズツールを使用してください。
角丸画像の活用例
プレゼンテーション用の画像
写真の角を丸くしてからスライドに挿入します。角の透明部分からスライドの背景を見せたい場合はPNGを使ってください。
商品画像とサムネイル
カードレイアウトや文書に使う各画像に、同じ角丸半径を適用できます。一回の処理につき画像一枚を加工します。
スクリーンショットとグラフィック
内容のサイズを維持したまま、スクリーンショットの角を丸くできます。周囲に追加のスペースが必要なら、余白を付けてください。
画像の角丸加工についての質問
角丸半径は四隅のカーブを変えます。余白は画像の外側の四辺に余白を追加します。角丸半径を増やしてもキャンバスのサイズは変わりません。余白を増やすと、幅と高さの両方にその値の二倍が加わります。
PNGまたはWebPでダウンロードしてください。どちらも角や余白の透明部分を保持します。JPGではこれらの部分が白色になります。プレビューの市松模様は透明部分を示しており、ファイルには保存されません。
写真の内容は元のサイズを維持します。余白はその周囲のキャンバスを広げます。例えば、20 pxの余白は全体の幅に40 px、高さに40 pxを追加します。
元画像が正方形なら可能です。4096 pxの上限内で、角丸半径を一辺の長さの半分に設定してください。長方形の元画像は最大の半径でカプセル形になります。円形にしたい場合は、先に正方形に切り抜いてください。
このツールは四隅に同じ半径を適用し、一回の処理につきアップロードした画像一枚を加工します。別の画像を編集する場合は、新しいファイルを選択して、別の結果を生成してください。
20 MB以下のJPG、PNG、WebP、GIF、AVIF、BMP、TIFFをアップロードできます。アニメーションや複数ページの画像は最初のフレームまたはページを使用し、静止画のPNG、WebP、JPGを出力します。アニメーションや追加のページは保持されません。
プレビューを表示できるかどうかは、ブラウザーが画像ファイルを読み込めるかによって決まります。形式によってはアップロードに成功しても、ブラウザーでプレビューできない場合があります。アップロード済みのファイルは、そのままサーバーで処理できます。
角丸半径は0から画像の短辺の半分までの整数で、最大4096 pxです。余白は各辺0~1000 pxの整数です。生成する画像は余白を含め、幅・高さのどちらも8192 px以下にする必要があります。