ファビコンを作り直さなければ・・・と思い続けてはや幾年。
やっと、ウェブクリップに対応できました。

【参考】スマホ対策。ウェブサイトを制作したらウェブクリップのアイコンを作成しよう

サイズは512×512です。
背景が透過だと真っ黒になってしまうので、作成時は色を敷きましょう。
ファイル名は「apple-touch-icon.png」
ヘッダに

<link rel="apple-touch-icon" href="images/apple-touch-icon.png">

と入れたら、HTMLファイルと画像をアップロード。

WordPressでは、外観～カスタマイズ～サイト基本情報～サイトロゴ/タイトル/キャッチコピーで「サイトアイコン」として入れればOK。

やってみるとカンタン。
今までのファビコン画像やヘッダソースを削除しても、勝手にウェブクリップが差し代わりました。
スマホ画面に、ゲームやアプリと混じって、自分のサイトが並ぶと、なかなか壮観です。