3

私は新しい Web アプリケーションを構築中です。

ファビコンとアップルアイコンの準備が整いました。それらを HTML ファイルの「ヘッド」に含める必要があるかどうか疑問に思っていました。それとも、.htaccessファイルからルーティングしても問題ありませんか?

HTML コード:

<head>
  <link rel="shortcut icon" href="assets/ico/favicon.ico">
  <!-- Standard iPhone --> 
  <link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone-114.png" />
  <!-- Retina iPhone --> 
  <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-114.png" />
  <!-- Standard iPad --> 
  <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad-144.png" />
  <!-- Retina iPad --> 
  <link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-144.png" />
</head>

または単にそれらをhtaccessに入れますか？

    # Rewrite for Favicons
RewriteRule ^favicon\.ico$ assets/ico/favicon.ico [L]
RewriteRule ^apple-touch-icon\.png$ assets/ico/apple-touch-icon.png [L]
RewriteRule ^apple-touch-icon-57x57\.png$ assets/ico/apple-touch-114-icon.png [L]
RewriteRule ^apple-touch-icon-114x114\.png$ assets/ico/apple-touch-icon-114.png [L]
RewriteRule ^apple-touch-icon-72x72\.png$ assets/ico/apple-touch-icon-144.png [L]
RewriteRule ^apple-touch-icon-144x144\.png$ assets/ico/apple-touch-icon-144.png [L]

質問:.htaccessそれらを自分のファイルに入れ、HTML から削除するだけでマイナスになることはありますか?

4

2 に答える 2

7

Appleの命名規則に従っている場合は、それらを指定する必要はありません。

Appleのドキュメントから：

リンク要素を使用してアイコンが指定されていない場合、Webサイトのルートディレクトリで、apple-touch-icon...またはapple-touch-icon-precomposed...プレフィックスが付いたアイコンが検索されます。たとえば、デバイスの適切なアイコンサイズが57 x 57の場合、システムは次の順序でファイル名を検索します。

  • apple-touch-icon-57x57-precomposed.png
  • apple-touch-icon-57x57.png
  • apple-touch-icon-precomposed.png
  • apple-touch-icon.png
于 2012-05-25T14:43:59.563 に答える
4

どこでも同じファイルを使用しているため、次を使用できます。

RewriteRule ^apple-touch-icon\.png$ assets/ico/apple-touch-icon.png [L]
RewriteRule ^apple-touch-icon-[0-9].* assets/ico/apple-touch-114-icon.png [L]

また、114x114 のアイコンをすべての iPhone に送信してみませんか? 私が頻繁に行っているのは、114x114 のアイコンを 1 つ作成し、apple-touch-icon.png という名前を付けて、ドメインのルートに配置することです。そうすれば、Retina は 114px 以前のものを取得すると、サイズが半分に変更されます。唯一の欠点は、apache エラー ログに 404 がいくつか記録されることですが、気にする必要はありません。

于 2012-05-25T19:21:25.887 に答える