favicon.ico – ブラウザのウェブサイトアイコン
Webサイトが起動する前に、グラフィックファイルが追加されます。 ファビコン、ブラウザのアドレスバーに表示されます。ほとんどの状況では、FaviconはグラフィックロゴまたはそれぞれのWebサイトのイニシャルのミニチュアです。このファビコンは、ユーザーがブックマークでWebアドレスをより速く識別できるように追加されます。
最近まで、このファイルは形を整えなければなりませんでした “favicon.ico“、Webブラウザによって識別されます。 Chrome、Internet Explorer、Opera、Safari、Firefoxなど。
数年間、新しいWeb言語の進歩により、 HTML9 そして CSS3、ファビコンはaにすることができます fisier .png または .jpg。条件は、サイトのヘッダーで、 前に </頭>、行を紹介する：
<rel =をリンクします”ショートカットアイコン” href =”/images/favicon.ico” type =”画像/x-icon” />
iOSのウェブサイトアイコン – iPhone、iPad Si iPod Touch
で iOS 追加できます Webページのショートカット PE ホーム画面-uliPhone、 iPad そして iPodtouch。
iPhone、iPad、iPodのホーム画面にWebサイトのショートカットを追加するにはどうすればよいですか
これを行うのは、iPhone（Safari、Chromeなどのインターネットブラウザ）でWebページを開いて、矢印で広場を押します（のサイン “共有” iOSで）、オプション “ホーム画面に追加します“。
ウェブサイトがブラウザ用にFaviconセットを持っているが、設定されていない場合 iOSデバイスに固有のICONITE、画面には、から形成されたアイコンが表示されます プレビューを想像してください Webページの。
iPhone、iPad、AndroidのWebアイコンを追加する方法。
最初のステップは彼ですIconitaの画像を作成します、上に表示されます ホーム画面アイデア。 Webアイコンがすべてのデバイスに互換性があり、はっきりと表示されるには、画像を作成する必要があります すべてのiPhoneおよびiPadの解像度用。
iPhone、iPad、iPod、Android用のアイコンの標準解像度とサイズ
- クラシックiPhone / iPod / 57モデル×57
- iPad = 76×76
- iPhone / iPod Retina = 120×120
- iPad Retina = 152×152
- iPhone 6/6Sプラス= 180×180
りんご 定期的に更新してください アイコンの推奨寸法URL アプリケーション そして Webページ PE このページ。
Androidデバイスの場合、アイコンは2つのサイズです。
- Android Classic = 128×128
- 高解像度のAndroid（hi-res）= 192×192
画像を撮影した後、Webサーバーを登り、WebサイトのHTMLソースに登り、閉じる前に </頭>、次の行を追加します。
<link href =”/apple-touch-icon.png” rel =”Apple-Touch-Icon” /> <link href =”/Apple-Touch-Icon-76×76.png” rel =”Apple-Touch-Icon” サイズ=”76×76″ /> <link href =”/Apple-Touch-Icon-20×120.png” rel =”Apple-Touch-Icon” サイズ=”120×120″ /> <link href =”/Apple-Touch-Icon-152×152.png” rel =”Apple-Touch-Icon” サイズ=”152×152″ /> <link href =”/Apple-Touch-Icon-180×180.png” rel =”Apple-Touch-Icon” サイズ=”180×180″ /> <link href =”/icon-hire.png” rel =”アイコン” サイズ=”192×192″ /> <link href =”/icon-normal.png” rel =”アイコン” サイズ=”128×128″ />
Appleデバイスの場合、.png画像名と “rel =” プレフィックスを含める必要があります “りんご-“。 Androidの場合、ファイル名はそうになります “icon-hire.png” そして “Icon-normal.png” rel =”アイコン”。
解像度ごとに画像を作成する必要は絶対に必要ありません。最大の解像度の画像を作成でき、解像度が低いデバイスはそれを識別し、アイコンとして設定します。
ウェブサイトへのショートカットアイコンは、 iOSのアプリケーション。
