角丸画像エディター

任意の画像に角丸や完全な円形クロップを追加。半径スライダーで曲線を調整。出力は透明な角を持つPNG — 白塗りでごまかさず、本当に丸くなっています。プロフィール画像、アプリのスクリーンショット、デザインモックアップなど、画像のエッジを柔らかくしたい場面に最適です。

デザインにおいて角丸が重要な理由

角丸は現代のUIの至る所で使われています — アプリアイコン（iOSは20%の角丸半径を使用）、プロフィール画像（ほとんどのプラットフォームで円形表示）、カードレイアウト、メッセージングアプリの画像プレビュー。角丸のUIに四角いエッジの写真をそのまま配置すると浮いてしまいます。元の画像をあらかじめ角丸にしておけば、CSSのトリックを使わずにきれいに収まります。

出力は透明なPNGで、角は実際に透明（アルファチャンネル=0）です。明るい背景、暗い背景、グラデーション — どの背景に配置しても角が自然に見えます。

画像の角を丸くする方法

1. 画像をドロップ。 JPG、PNG、WebP、HEIC対応。最大50MPまで無料。
2. 半径スライダーをドラッグ。 0 = 四角（変更なし）、50% = ピル形状、100% = 完全な円。ライブプレビューで結果を確認。
3. プリセットを選択 特定の見た目にしたい場合:
   • iOSアプリアイコン — 22.5%半径（iOS 7+標準）
   • マテリアルデザイン — 12%半径
   • ソフトカード — 8%半径（一般的なカードUI）
   • ピル — 50%半径
   • 円 — 100%半径（最初に正方形に自動クロップ）
4. PNGをダウンロード。 透明な角、アルファ付きPNG-24で出力。

角丸 vs 円形クロップ vs 背景削除

角丸（このツール）: 画像全体はそのまま、角だけが丸くなります。カード、アプリのスクリーンショット、デザインプレビューに使用。

円形クロップ（このツール、100%半径）: 画像が円形になります。プロフィール画像に使用。

背景削除: 被写体を切り抜き、背景を完全に除去。別の操作 — 幾何学的な形状ではなく、自由形状の透明な形を生成。

適切な半径のコツ

配置先のUIに合わせる。 画像をマテリアルデザインのカードに配置する場合は12%半径。iOSアプリの場合は22.5%。一般的な「ソフトカード」の見た目には8%がニュートラル。

大きな画像には大きな半径が必要。 1000×1000ピクセルの画像で角を8pxにしてもほとんど丸くなりません。8%（=80px）にすると意図的に見えます。絶対ピクセルではなくパーセンテージスライダーを使用。

円形出力の場合（プロフィール画像）、元の画像は最初に正方形に自動クロップされます。クロップ領域はデフォルトで中央揃え。表示される円内に特定の領域を配置したい場合はドラッグして再配置。