このツールについて
プロフィール写真、アプリのアイコン、商品のサムネイルは、角を丸めたり完全な円形に切り抜いたりすると見栄えが良くなることがよくあります——通常、目に見える背景色を残さないためだけに、フルの画像エディタを開く必要があります。このツールはアップロードした画像を HTML canvas 上で直接クリップします。角丸長方形の半径をピクセルまたは画像の短辺に対する割合で指定し、どの角を丸めるかを選ぶか、円形モードに切り替えて画像から中央の正方形を切り出し、それを完全な円に丸めます。コントロールを変更するとライブプレビューが更新され、チェック柄の背景で画像のどの部分が最終的に透明になるかが正確にわかります。
PNG 出力はその透明度をそのまま保持します——丸め落とされた角や円の外側は、白や黒で塗りつぶされるのではなく本当に透けて見えるため、結果はどんな背景の上にもきれいに収まります。代わりに JPEG が必要な場合は背景色を選べば、それが切り取られた領域を塗りつぶします。JPEG には透明度を保存するアルファチャンネルがないためです。すべては Canvas API を使ってローカルで実行されます——画像のデコード、クリップ、再エンコードはすべてブラウザ内で完結し、サーバーにアップロードされることはありません。
よくある質問
丸くした画像が透明ではなく白/黒の背景を表示するのはなぜですか？
おそらくJPEG出力を選択したと思われますが、これには透明度のサポートがまったくありません——丸い形状の外側の領域は、代わりに単色の背景色で塗りつぶされます（選択可能）。丸い/円形の外側で本物の透明度を得るには、出力形式をPNGに切り替えてください。
円形モードで、なぜ横長写真の一部が切り取られたのですか？
円は正方形にしか内接できないため、正方形でない写真の場合、円形モードはまず幅/高さの短い方を使用して中央の正方形にトリミングし、その正方形を円形に丸めます——横長の風景写真の場合、これは左右の端が切り取られることを意味します。横長写真の特定の部分を保持する必要がある場合は、最初に画像トリミングツールを使用してその正方形領域を手動で選択し、それをこのツールに通してください。