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

Favicon.ico-ブラウザのウェブサイトアイコン

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

ステルス Settings ファビコン

ステルス Settings Safariのファビコン

オペラでファビコン

オペラでファビコン

最近まで、このファイルは形を整える必要がありました」favicon.icoを"、Webブラウザで識別されます。 Chrome、インターネット Explorer、Opera、Safari、Firefoxなど
数年前から、新しいWeb言語を進めるとともに、 HTML5 si CSS3、ファビコンをすることができます .PNGファイル または jpgの。 条件はサイトのヘッダということです、 、この行う:

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

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

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

これを行うには、iPhone(Safari、Chromeなどのインターネットブラウザ)でWebページを開き、矢印の付いた四角(iOSでは「共有」の記号)をクリックしてから、オプションを選択します。ホーム画面に追加"

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

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

最初のステップはにあります イメージアイコンを作成上に表示されていること ホーム画面クリック単価のiDeviceのコミュニティ。 ウェブアイコンのすべてのデバイスに互換性があり、明らかに、我々は画像を作成する必要があります表示するには すべての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 Plus = 180×180

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

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

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

アイコン

画像を作成したら、閉じる前に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" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

デバイス用 Apple、.PNG画像名と「rel =」には接頭辞「が含まれている必要があります」apple-"。 Androidの場合、ファイル名は「アイコンhires.png"そして"アイコンnormal.png” with rel =” icon”。

解像度ごとに画像を作成する必要はありません。 最高の解像度の画像を作成できます。解像度の低いデバイスはそれを識別し、アイコンとして設定します。

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

ウェブサイトへのショートカットアイコンは他のアイコンと同じように見えます iOS用アプリケーション.

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

著者について

ステルス

ガジェットとITのすべてに情熱を注いで、ステルスで喜んで書いていますsettings2006年以来.comと私はあなたと一緒にコンピュータとオペレーティングシステムについての新しいことを発見したいですmacOS、Linux、 Windows、iOSおよびAndroid。

コメント