如何添加為iPhone,iPad和iPod Touch的網站圖標

favicon.ico的 - 網站圖標在瀏覽器

之前,它推出了一個網站,並添加一個圖形文件, 網站圖標,它出現在地址欄的瀏覽器中。 在大多數情況下,favicon是圖形徽標或網站首字母的縮略圖。 添加此favicon是為了幫助用戶更快地識別書籤中的網址。

隱身設置圖標

在Safari隱身設置圖標

網站圖標在Opera

網站圖標在Opera

直到最近,這個文件應該是這樣的形式“的favicon.ico“要通過網絡瀏覽器進行識別。 Chrome,Internet Explorer,Opera,Safari,Firefox等
幾年來,隨著新的推進網絡語言, HTML5 si CSS3,網站圖示可以是一個 PNG文件 。JPG。 的條件是在網站上的該首標, 前</ HEAD>,成為這一行:

<鏈接rel =“快捷方式圖標的”href =“/圖像/ favicon.ico的”TYPE =“圖像/ X-圖標”/>

iOS的網站圖標 - iPhone,iPad和iPod Touch

In iOS版 我們可以添加 網頁快捷方式 pe 主屏幕CPC iPhone, iPad的 si iPod的觸摸.

如何添加在iPhone,iPad和iPod主屏幕快捷方式的網站

我們在您的iPhone(Safari瀏覽器,瀏覽器,網絡瀏覽器等),打開一個網站做到這一點,單擊帶有箭頭(符號為iOS的“份額”),然後選擇“廣場添加到主屏幕“。

如果網站已設置圖標您的瀏覽器,但不能設置 iOS設備特定圖標的網站,屏幕上會出現一個圖標組成的 圖片預覽 網頁。

如何添加網絡圖標為iPhone,iPad和Android。

所述第一個步驟是 創建一個圖像圖標出現在 主屏幕中國共產黨的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×

Apple 定期更新 建議圖標大小網站 應用 si 網頁 pe 此頁.

對於設備Android,圖標是兩個方面:

  • 經典Android = 128×128
  • Android高分辨率(高分辨率)= 192×192

圖標

以後,我們的圖像,爬上了Web服務器上,結束</ head>標記之前網頁的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“對於rel =”圖標“。

單獨為每個分辨率創建圖像並非絕對必要。 您可以為最高分辨率製作照片,較低分辨率的設備會識別它並將其設置為圖標。

iPhone圖標網站

網站的快捷圖標看起來與任何一個相似 對於iOS應用程序.

如何添加為iPhone,iPad和iPod Touch的網站圖標

關於作者

隱身

我熱衷於對涉及小工具和IT的一切事物,我很高興在2006上的secretthsettings.com上撰文,也很高興與您一起發現有關計算機和macOS,Linux操作系統, Windows,iOS和Android。

發表評論