画像の角を丸くする無料オンラインツール - 透過PNG対応

半径はどう測られるか

半径の初期値は 30 px で、4 つの角すべてがオンになっています。px モードでは数値がそのまま使われるため、30 px は小さなアイコンでも大きなスクリーンショットでも同じカーブになります。決まった表示サイズでデザイン上の固定値に合わせたいときはこちらを使います。

% モードでは、半径は余白を含めた仕上がり画像の短辺に対する割合です。1200 x 800 の画像で 10% なら 80 px、600 x 400 のサムネイルなら 40 px のカーブになります。角が画像ごとの大きさに合わせて変わるので、サイズがばらばらのまとめ処理でも見た目がそろいます。

半径には上限があり、短辺の半分を超えることはありません。50% を超える割合や、短辺の半分より大きい px 値は、すべて最大値と同じ結果になります。正方形の画像なら最大値で円になり、長方形なら楕円ではなく、短い辺の両端が半円になったカプセル形になります。丸いアイコンを作りたい場合は、読み込む前に写真を正方形にトリミングしておいてください。

一部の角だけを丸める

余白の入力欄の隣にある 4 つの角ボタンで、角ごとにオン・オフを切り替えられます。ハイライトされているボタンの角が丸くなります。上の 2 つだけを丸めるのは、カードやブログのプレビューの上部に置く画像向きで、下の辺がテキストと接するレイアウトに合います。下の 2 つだけならその逆のレイアウトに、角 1 つだけならタブや吹き出しのような形に使えます。

4 つの角をすべてオフにすると、カーブはまったく付きません。余白と背景色を組み合わせれば、複数のスクリーンショットに均一な無地の枠をまとめて付ける手早い方法になります。

余白と背景の関係

余白は上下左右に同じピクセル数を足すので、出力サイズは縦横それぞれ余白の 2 倍だけ大きくなります。プレビュー横のパネルには、余白 20 px なら 1200 x 800px -> 1240 x 840px のように元と出力の両方のサイズが表示されるので、ダウンロード前の確認に使えます。

カーブは写真の縁ではなく、キャンバス全体の外周に沿って切り取られます。初期設定の透明背景ではここが重要で、余白は空白になり、余白が半径の約 30% に達すると写真自体の角はまったく削られなくなります。初期値の半径 30 px なら、余白 9 px からそうなります。写真の角が少しでも丸くなるには半径が余白の約 3.5 倍を超える必要があるので、はっきり丸く見せたいならそれより十分大きくしてください。

白・黒・任意色の背景はカーブの外側も含めてキャンバス全体を塗りつぶすため、ファイルに透過ピクセルは残らず、角はその色で表示されます。白い文書ページや暗い色のスライドなど、画像を置く場所が決まっているときや、アップロード先が透過部分を思わぬ色で表示するときに使ってください。

ダウンロードで得られるもの

入力形式にかかわらず結果はすべて PNG で保存され、ファイル名には -rounded が付きます。たとえば holiday.jpg は holiday-rounded.png になります。2 枚以上の処理が終わると Download All ボタンが現れ、shotedit-rounded-images.zip にまとめてダウンロードできます。同じ名前のファイルが 2 つあれば片方に (1) が付くので、上書きされることはありません。

PNG は可逆圧縮なのでカーブはきれいに保たれますが、角丸にした JPG 写真は元より容量が大きくなりがちです。容量が気になるなら画像圧縮ツールにかけるか、画像変換ツールで WebP にすると、角の透過を保ったまま軽くできます。JPG への変換もできますが、JPG は透過に対応していないため、変換ツールは角を白で塗りつぶします。

余白を除けばリサイズは行われず、出力のピクセル寸法は入力と同じです。最終的に小さく表示する画像なら、先に画像リサイズツールで縮小してから角を丸めると、px の半径が実際の見た目と一致します。アニメーション GIF は静止画 1 枚として書き出され、EXIF などのメタデータは新しいファイルに引き継がれません。

まとめて処理するときのコツ

設定は 1 セットで、リスト内のすべての画像に適用されます。半径、単位、余白、角、背景のどれを変えてもリスト全体が再処理されるので、選択中のプレビューを見ながら調整すれば、ほかのファイルも同じ設定になります。

Add Images ボタンのほか、ドロップエリアへのドラッグや、クリップボードからの貼り付けでも画像を追加できます。Ctrl+S（Mac は Cmd+S）で選択中の結果をダウンロードし、Ctrl+C で PNG としてコピーすれば、チャットやデザインツールにそのまま貼り付けられます。Add Folder は Chrome や Edge など、フォルダへのアクセスに対応したブラウザでのみ表示されます。

読み込めるのは JPG、PNG、GIF、BMP、WebP です。iPhone の HEIC 写真などそれ以外のファイルは無視され、選んだファイルに対応形式が 1 つもなければ "No supported image files found" という警告が出ます。HEIC 写真は先に HEIC から JPG への変換ツールで JPG にしてから、ここに戻って読み込んでください。