Apple Touch Iconは、iOSデバイスやSafariブラウザでブックマークに追加された際やホーム画面に追加された際に表示されるアイコンです。通常のファビコンとは異なり、较大的なサイズ(180×180ピクセルが推奨)で表示されるため、より詳細なデザインを反映できます。Apple Touch Iconが設定されていない場合、iOSではサイトのスクリーンショットが自動的にキャプチャされてアイコンとして使われますが、見栄えが悪くなることが多いため、明示的に設定することが推奨されます。
Apple Touch Iconの設定は非常にシンプルです。HTMLのheadセクションにlinkタグを追加するだけで完了します。rel属性に「apple-touch-icon」を指定し、href属性にアイコンファイルのパスを指定します。ファイル名は通常「apple-touch-icon.png」や「apple-touch-icon-180x180.png」とします。サーバーのルートディレクトリに「apple-touch-icon.png」を配置すると、一部のブラウザが自動的に検出してくれる場合もありますが、明示的にlinkタグで指定するのが最も確実です。
このファビコン生成ツールでは、Apple Touch Icon用の180×180ピクセルのアイコンを自動的に生成します。アップロードした画像から最適なサイズにリサイズされ、iOSの要件を満たした高品質なアイコンファイルとしてダウンロードできます。背景透過や角丸の調整も自動的に行われるため、サイトのブランドイメージに合ったアイコンを簡単に作成可能です。生成後は、正しいHTMLコードも同時に提供されるため、設定作業をスムーズに進められます。