結果が透過PNGなのはなぜですか?
正方形のファイルの中の円は、四隅を何もない状態にする必要があるからです。四隅を白で塗ると、白い背景の上でしか丸く見えず、ほかの背景では4つの白い三角が見えてしまいます。PNGはアルファチャンネルを持つので、四隅は本当に空になります。JPEGにはアルファチャンネルがなく、それを持てません。透明を黒で表示するアプリのために、四隅を単色で塗る設定もあります。
どこかにアップロードしたら、四隅が白や黒になりました。なぜですか?
そのサイトがファイルを再エンコードしたからです。多くはJPEGで、透明を保存する方法がないため、空の四隅が単色に塗りつぶされました。PNGのファイルには問題はありません。アップロード先がPNGを受け付けるか確認するか、そのサービスがもともとアイコンを円形にマスクするのなら、塗りつぶしは受け入れてください。
WhatsAppやDiscordのアイコンには、どのサイズで書き出せばよいですか?
どちらも、アップロードされた正方形に独自の円形マスクをかけるので、形よりサイズが重要です。正方形で約512 pxなら、どちらにも十分です。アプリはアイコンをそれよりずっと小さく表示しますが、高精細な画面では、高解像度のコピーを要求します。96 pxの切り抜きは、少しでも大きく表示されるとぼやけて見えます。4000 pxのアイコンは、アップロードが重くなるだけで、利点がありません。
画像はどこかにアップロードされますか?
いいえ。画像の読み込みと円のマスクは、ブラウザ内のcanvasで行います。写真は端末から出ず、サーバーに保存されるものもありません。