画像の角丸

この角丸ツールとは？

角丸は、あらゆる写真やグラフィックのシャープな角を和らげる加工です。角の丸みは微妙なものから強いものまで自由に設定でき、プロフィール写真、アプリアイコン、カード、Web UI向けにそのまま使えるファイルとしてダウンロードできます。

見た目は、現代のアプリやWebサイトでよく見られるスタイルと一致します。カード、サムネイル、アバターは、90度の角よりも角丸の長方形の中に配置されることが多いです。PNGで書き出すと、形状の外側の領域が透明のまま保たれるため、デザイナーは「ボックス」が見えずに任意の背景へ自然に配置できます。

高機能なエディターとは異なり、このページは単一目的のキャンバス処理で、素早く調整して書き出せます。円形マスクのアバター向けには 円形クロップ をご利用ください。ワークフロー、形式の表、よくある失敗例などを含む詳しい解説は、 画像の角丸：完全ガイド をご覧ください。

使い方

1. 画像をアップロードします（ドラッグ、クリック、またはペースト）。
2. 角半径スライダーを動かします。0%のままなら直角のままです。値を上げるほど丸みが強くなります（結果は角丸の長方形のまま、完全な円にはならない上限があります）。
3. サイズと形式を選んでダウンロードします。PNGなら角丸形状の外側も透明のまま保持されます。

PNG vs JPEGの使い分け

カラー背景や写真背景の上に重ねる場合はPNGが適しています。角丸の長方形の外側の領域は完全に透明のままです。

平坦な背景向けにはファイルサイズの小さい形式が向いています。ツールは先に画像の背後を白で塗り、そのうえで角丸クリップを適用します。透明が不要な場合に最適です。

一般的な用途

角丸は画像の内容を切り取らず、外縁だけをやわらげる加工です。日本のWeb制作やSNS運用でよく使われる場面を整理しました。

他ツールとの比較

角丸（このページ）は画像全体を保持し、外縁の形状だけを変更します。何もクロップされません。

• 円形クロップ — 円の外側が透明な円形マスクです。プラットフォームが丸いアバターファイルを求める場合に最適です。
• 正方形にトリミング — 写真のどの部分を残すかを変更します。角丸の前、または代わりに1:1のフレームが必要な場合に使います。
• 正方形画像メーカー — ぼかし背景、単色塗り、リサイズ、フィルターなど、角丸だけより大きな作業向けです。
• 白枠を追加 — 画像の周囲に余白を追加します。枠付きの見た目が必要なら、正方形クロップと組み合わせてください。

ダウンロード前に

Figma、Shopify、SNSスケジューラーなどへ移す前に、次の点を確認しておくと想定外の仕上がりを防げます。

• 背景に合わせて形式を選ぶ： 重ね合わせ向けはPNG。画像の背後が白で問題なければJPEG/WEBP。
• 解像度を選ぶ： Originalまたは1200pxで多くのWeb用途に十分です。ソースが高解像度なら、印刷や大型ヒーロー向けにCustomを使います。
• 半径をプレビューする： 微妙な丸みは密集したグリッドで「プロっぽく」見え、強い値は「アプリ風」に見えます。書き出し前に調整してください。

角丸 – 国内のUI・SNS用途

よくある質問

PNGは角丸の外側の透明を保持しますか？

はい。PNG書き出しでは、角丸の長方形の外側のピクセルがクリアされるため、任意の背景にそのまま配置できます。

JPEGとWEBPが白背景を使う理由は？

これらの形式は透明をサポートしていません。ツールは角丸画像を描画する前に、キャンバス全体を白で塗りつぶします。

画像はサーバーにアップロードされますか？

いいえ。処理はブラウザ内で行われ、編集のためにファイルがサーバーへ送信されることはありません。

角半径の最大値は？

スライダーは40パーセントまでです。出力は角丸の長方形のまま保たれます。円の外側が透明な完全な円形アバターが必要な場合は、円形クロップツールをご利用ください。

正方形にクロップするのと同じですか？

いいえ。角丸はコンテンツを切り取らず、端だけを和らげます。正方形クロップはフレーム内に残る部分そのものを変えます。角丸の前に別のアスペクト比が必要な場合は、正方形クロップツールまたは正方形画像メーカーを使ってください。

印刷や大型画面向けに高解像度で書き出せますか？

はい。Originalを選べば元のピクセル寸法を保持できます。長辺を1200ピクセルに制限するか、ソース画像が十分大きければカスタム最大8192ピクセルまで設定できます。