iOSでPWA対応サイトをホーム画面に追加したらアイコンの背景（透過）が黒く塗りつぶされる（apple-touch-icon）

iOSでPWA対応サイトをホーム画面に追加したら、アイコンの背景色が黒く塗りつぶされてしまいます。

黒く塗りつぶされないようにするための設定があるものと思っていたのですが、そういった方法は見つからなかったので、どうやら画像の透過が設定された箇所を別の色で塗りつぶしておくしかないようです。

PWA対応サイトをiOSのホーム画面に追加した際に表示されるアイコン画像は、サイトのindex.htmlなどに以下のようなコード（apple-touch-icon）を埋め込むと表示されるようになります。

<link rel="apple-touch-icon" href="/images/etoget-192.png" sizes="192x192"/>

iOSのホーム画面で透過が設定されたアイコンを表示すると、以下のように表示されます。

上記の画像で黒く塗りつぶされているアイコンは、すべてPNG画像で、透過が設定されている箇所になります。

黒ではなくせめて白色ならそのままでもよかったのですが...

透過設定された背景色を白色で塗りつぶした画像に差し替えて見ると、以下のように表示されます。

アイコンの内容にもよりますが、基本的に黒一色はアプリのイメージとそぐわない場合が多いので、サイトをPWAに対応させる場合は注意が必要です。