Web サイトにアイコンを追加する方法 iPhone、iPad、iPod touch

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

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

Stealth Settings ファビコン
Stealth Settings ファビコン Safari
オペラでファビコン
オペラでファビコン

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

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

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

Web サイトへのショートカットを追加する方法 iPhone、iPad、iPodのホーム画面

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

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

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

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

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

  • Mode古典的なレレ iPhone / iPod=57×57
  • iPad=76×76
  • iPhone / iPod Retina=120×120
  • iPad のレティナ = 152 × 152
  • iPhone 6/6Sプラス=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-76×76.png” rel =”apple-タッチアイコン”サイズ=” 76×76” /> <link href=”/apple-touch-icon-120×120.png” rel =”apple-タッチアイコン”サイズ=” 120×120” /> <link href=”/apple-touch-icon-152×152.png” rel =”apple-タッチアイコン”サイズ=” 152×152” /> <link href=”/apple-touch-icon-180×180.png” rel =”apple-タッチアイコン”サイズ=” 180×180” />

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

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

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

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

テクノロジー愛好者として、2006年からStealthSettings.comで喜んで記事を書いています。macOS、Windows、Linuxなどのオペレーティングシステムに豊富な経験があり、プログラミング言語やブログプラットフォーム(WordPress)などにも精通しています。オンラインストア(WooCommerce、Magento、PrestaShop)も含め、さまざまな分野での経験があります。

» iHowTo » iHowTo - iOS » Web サイトにアイコンを追加する方法 iPhone、iPad、iPod touch
コメント