如何添加為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”/> <鏈接HREF =“/蘋果觸摸圖標-76x76.png”的rel =“蘋果觸摸圖標”大小=“76x76”/> <鏈接HREF =“/蘋果觸摸圖標-120x120.png”的rel =“蘋果觸摸圖標”大小=“120x120”/> <鏈接HREF =“/蘋果觸摸圖標-152x152.png”的rel =“蘋果觸摸圖標”大小=“152x152”/> <鏈接HREF =“/蘋果觸摸圖標-180x180.png”的rel =“蘋果觸摸圖標”大小=“180x180”/> <鏈接HREF =“/圖標hires.png”的rel =“圖標”大小=“192x192”/> <link href =“/ icon-normal.png”rel =“icon”sizes =“128x128”/>

對於蘋果的設備和PNG圖片命名為“相對=”必須包含前綴“Apple蘋果”。 對於Android,文件名稱將是“圖標hires.png“和”圖標normal.png“對於rel =”圖標“。

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

iPhone圖標網站

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

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

關於作者

隱身

熱愛這些小工具,並將其寫入2006的欣然stealthsettings.com,我喜歡去發現與你有關計算機和MacOS,Linux和Windows中,iOS和Android的新的東西的一切。

發表評論