画像角丸
画像
角丸長方形（または円、スクワークル）パスを透明 PNG に焼き込んで画像をクリップする。アバターの正方形、サムネイルタイル、および CSS で行わずに `border-radius` スタイリングに合わせる必要のある画像に役立つ。角ごとのモードは 4 つの独立した半径（左上、右上、右下、左下）を取る；パディングはクリップの周りに不透明な境界線を追加する；JPEG はアルファを運べないため、JPEG モードは透明度を選択した背景色にフラット化する。
—
使い方
- 画像をドロップする。モードを選ぶ — 通常の角丸カードには均一な半径、正方形からのアバターには円、iOS スタイルの形にはスクワークル。
- 角ごとのモードは、非対称なクリップ（チャットバブルの角など）が必要な場合に 4 つのスライダーを提供する。
- 透明な角を保つには PNG として、アルファよりサイズが重要な場合は JPEG としてダウンロードする。
よくある質問
- スクワークルとは？
- 円と正方形の間の連続的曲率の形状 — iOS アプリアイコンの形状、Apple の「スーパー楕円」（n≈4）。曲率に直線から曲線への急激な遷移がないため、角丸長方形よりも柔らかく見える。
- なぜ出力にチェッカーボードの背景がある？
- それは透明な領域を示すプレビューだけ。ダウンロードされた PNG は実際の透明度を保つ — ページにドロップすると、角は透けて見える。