iPhoneのホーム画面に別のアイコンが必要な理由
保存されたWebサイトのアイコンは、タブのICOを拡大するだけでは作れません。専用素材を準備します。
PNGを書き出す
原稿から正方形PNGを作ります。180×180はiPhoneの一般的な出発点です。対象機種のApple資料を確認し、背景と余白を設計します。
タッチアイコンを指定する
rel="apple-touch-icon"を公開PNGに向けます。例を調整し、CMSの最終HTMLで重複指定やパス間違いを調べます。
新しく追加して試す
古いテスト用ショートカットを削除し、実機で再追加します。IcoJetの出力はICOです。タッチ用PNGは画像エディターで別途作成します。
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">