Softonic

画像の角を丸めます

ステップ 1 / 3 角丸

オペレーティングシステム、アプリストア、UIデザインシステムのすべてには丸みのある角が共通しています、iOSアイコン、Materialカード、モダンなTailwindコンポーネントなどがその例です。任意の画像をアップロードすると、このツールは設定した半径に従って四つの角を丸め、透明な角を持つPNG形式でエクスポートします。また、チケットスタブやスピーチバブル風の表示に合わせて、各角に異なる半径を適用することも可能です。

画像の角を丸める方法

  1. 1

    画像をアップロードします

    JPG、PNGまたはWebP

  2. 2

    半径を選択してください

    ピクセル単位または短い辺の割合として。

  3. 3

    オプション：各角で異なる

    上部の角のみを丸めます（カード）、または非対称に丸めます（チケット）。

  4. 4

    背景を選択します

    透明（PNG）、またはJPGとして保存する場合は単色。

  5. 5

    エクスポート

    PNGは丸みを保ったアルファ値を保持します。JPGは選択した色に合わせて平面化します。

一般的なUI形状の半径選択

半径のプリセット

形状 半径
控えめなUIカード 4〜8px
マテリアルデザインのカード 4px（M3では8px）
iOSアプリアイコン 辺の22.37％（「スクワークル」）
macOSアプリアイコン 辺の18.75%
Instagramストーリーの吹き出し 12〜16px
丸型アバター 短辺の50％（完全な円形）
チケットの半券 非対称、1つまたは2つの角だけを丸める
チャット吹き出しの尾側 1つの角を小さく、残りを大きく

スクワークルの問題

iOSのアイコンは単なる角丸長方形ではありません。遷移部分が数学的により滑らかな「スーパー楕円（superellipse）」を採用しています。真のスクワークルはCSSのborder-radiusや単純なアルファマスクで再現できる範囲を超えていますが、このツールは高次の角丸長方形で近似しており、一般的なアイコンサイズでは見分けがつきません。

透明性の動作

  • PNG出力がデフォルトです。丸めた角は透明なピクセルになります。アプリアイコン、UIカード、さまざまな背景に画像を合成する場面に適しています。
  • JPG出力は透明にできません。丸めた角は選択した色で塗りつぶされ、写真に枠が付いたように見えます。

角ごとに異なる半径

チャット吹き出しのような見た目：3つの角を12pxで丸め、1つの角は0pxのままにします（「尾」が接続される部分）。チケットの半券：2つは尖らせ、2つは丸めます。非対称の半径は、画像が別の何かにつながっていることを手軽に示す方法です。

アンチエイリアス

角の曲線は4倍のスーパーサンプリングで描画されるため、通常の表示サイズでも鮮明に見えます。印刷時や大きく拡大した場合でも、半径ははっきりと滑らかなままです。

よくある質問

Appleは、角の曲率がアイコンの辺長の約22.37％となるスクワークルを採用しています。1024×1024ピクセルのキャンバスでは実効的な角半径は約229ピクセルですが、正確な計算方法は単純な角丸長方形とは若干異なります。

はい。半径は画像のアスペクト比に関わらず、すべての角に適用されます。極端なアスペクト比（非常に広いまたは非常に高い場合）では、半径を短辺の50％に設定するとカプセル状の形状が得られます。

いいえ、JPGは透明度をサポートしていません。丸みのあるアルファ値を保持するにはPNG形式でエクスポートするか、JPGに背景色を選択すると角がその色で塗りつぶされます。

はい。このツールはアルファマスクのみを追加し、画像のサイズを変更しません。丸め処理とサイズ変更を組み合わせたい場合は、まずサイズ調整機能を適用してください。

関連ツール

マテリアルデザイン カラーピッカー

Material Designのカラーパレットを閲覧できます。任意の色調（50からA700）を1タップでHEX、RGB、HSL形式でコピーできます。

画像アップスケーラー

AI超解像または従来の補間処理で、低解像度画像を2×、3×、4×に拡大しながら重要なディテールを保ちます。

新聞メーカー

自分で書いた見出しと記事から新聞風の一面を作り、コピー、プレーンテキストのダウンロード、ブラウザ印刷ができます。

クロスステッチ図案メーカー

JPEG・PNG・WebPを、10～150目、2～40色、記号、正確な目数、布サイズ付きの印刷可能なクロスステッチ図案に変換します。

ビジョンボードメーカー

目標をひとつのボードに視覚化：画像をアップロードし、オリジナルのタイトルとキャプションを添え、色とレイアウトを選べば、印刷用のPNGとしてダウンロードできます。入力した内容はすべてブラウザの中だけにとどまります。

ARW から JPG への変換ツール

Sony の ARW RAW 写真を JPG に変換します。Lightroom を開かなくても、カメラの RAW ファイルから共有しやすく汎用的に扱える JPEG を作成できます。

このツールは他の言語でも利用できます