iPhone、iPadとiPod touchのためのウェブサイトのアイコンを追加する方法

favicon.icoを - ブラウザでウェブサイトのアイコン

それは、ウェブサイトを立ち上げ、グラフィックファイルを追加する前に、 ファビコンブラウザのアドレスバーに表示されます。 ほとんどの場合、ファビコンはグラフィックロゴやウェブサイトのイニシャルのサムネイルです。 このfaviconは、ユーザーがブックマーク内のWebアドレスをより迅速に識別できるようにするために追加されました。

ステルス設定ファビコン

Safariでステルス設定ファビコン

オペラでファビコン

オペラでファビコン

最近まで、このファイルは "の形式でなければなりません。favicon.icoを"ウェブブラウザによって識別される。 Chrome、Internet Explorer、Opera、Safari、Firefoxなど
数年前から、新しいWeb言語を進めるとともに、 HTML5 si CSS3、ファビコンをすることができます .PNGファイル または jpgの。 条件はサイトのヘッダということです、 </ head>の前に、この行う:

<リンクのrel = "ショートカットアイコン"のhref = "/画像/ favicon.icoを"タイプ= "画像/ X-アイコン" />

iOS用ウェブサイトアイコン - iPhone、iPad、iPod Touch

In iOS 我々は、追加することができます Webページのショートカット pe ホーム画面CPC iPhone, iPad si iPod touchの.

iPhone、iPadとiPodのホーム画面上のウェブサイトのショートカットを追加する方法

これは、iPhone(Safari、Chromeなどのインターネットブラウザ)でウェブページを開き、矢印のある四角形(iOSの「共有」の記号)をクリックしてから、ホーム画面に追加"。

ウェブサイトは、ブラウザのファビコンを設定しますが、設定されていない場合 iOSデバイス固有のアイコンサイト、画面にはアイコンがから成る表示されます。 画像のプレビュー Webページ。

iPhone、iPadとAndroid向けのWebアイコンを追加する方法。

最初のステップはにあります イメージアイコンを作成上に表示されていること ホーム画面クリック単価のiDeviceのコミュニティ。 ウェブアイコンのすべてのデバイスに互換性があり、明らかに、我々は画像を作成する必要があります表示するには すべてのiPhoneとiPadの解像度のための.

iPhone、iPad、iPod、Android用の解像度と標準アイコンサイズ

  • iPhone / iPodの= 57 57×のクラシックモデル
  • iPadの= 76 76×
  • iPhone / iPodの網膜×= 120 120
  • iPadの網膜×= 152 152
  • iPhone 6 / 6Sプラス= 180 180×

アップル 定期的に更新します 推奨アイコンサイズURLを アプリケーション si ウェブページ pe このページ.

デバイスのAndroidの場合、アイコンは2次元のとおりです。

  • クラシックAndroid = 128×128
  • Androidの高解像度(高解像度)= 192×192

アイコン

我々は画像を作った後、終了</ head>の前に、Webサーバ上でWebサイトのHTMLソースを登る、次の行を追加します。

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <link href = "/ apple-touch-icon-76x76.png" rel = "apple-touch-icon" sizes = "76x76" <link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-icon" sizes = "120x120" <link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-icon" sizes = "152x152" <link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-icon" sizes = "180x180" <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" sizes = "128x128" />

デバイスの場合、アップル、および.PNGイメージ名は「REL = "接頭辞「apple-」が含まれている必要があります。 Androidの場合、ファイル名は "になりますアイコンhires.png"そして"アイコンnormal.pngアイコン "のrel =と" "。

各解像度の画像を個別に作成する必要はありません。 最高解像度の画像を作成することができ、低解像度の機器はそれを識別してアイコンとして設定します。

iPhoneのアイコンウェブサイト

ウェブサイトのショートカットアイコンは、いずれかのアイコンに似ています iOS用アプリケーション.

iPhone、iPadとiPod touchのためのウェブサイトのアイコンを追加する方法

著者について

ステルス

ガジェットやITが2006の喜んstealthsettings.comを書いて、私はコンピュータやMacOSの、Linuxでは、Windowsの、iOSとAndroidのについてあなたに新しいものを発見したいすべてのものに情熱。

コメントを残す

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.