[英]Mobile Touch Icon
我想為相關的智能手機/平板電腦使用不同大小的觸摸圖標。
我嘗試了這個:
<link rel="apple-touch-icon" sizes="76x76" href="http://www.mywebsite.com/img/touch-icon/apple-touch-icon-76.png" /> <link rel="apple-touch-icon" sizes="120x120" href="http://www.mywebsite.com/img/touch-icon/apple-touch-icon-120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="http://www.mywebsite.com/img/touch-icon/apple-touch-icon-152.png" /> <link rel="apple-touch-icon" sizes="180x180" href="http://www.mywebsite.com/img/touch-icon/apple-touch-icon-180.png" /> <link rel="shortcut icon" sizes="196x196" href="http://www.mywebsite.com/img/touch-icon/android-icon.png"> <meta name="msapplication-square70x70logo" content="http://www.mywebsite.com/img/touch-icon/smalltile.png" /> <meta name="msapplication-square150x150logo" content="http://www.mywebsite.com/img/touch-icon/mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="http://www.mywebsite.com/img/touch-icon/widetile.png" /> <meta name="msapplication-square310x310logo" content="http://www.mywebsite.com/img/touch-icon/largetile.png" />
這不適用於iOS和Android。 鏈接可能是正確的,因為Windows可以識別不同的圖標。
我沒有注意到任何錯誤的命名或快捷方式嗎?
您需要確保服務器上具有有效且受信任的安全證書才能使用絕對URL,或者需要使用相對 URL:
<link rel="apple-touch-icon" sizes="76x76" href="img/touch-icon/apple-touch-icon-76.png" /> <link rel="apple-touch-icon" sizes="120x120" href="img/touch-icon/apple-touch-icon-120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="img/touch-icon/apple-touch-icon-152.png" /> <link rel="apple-touch-icon" sizes="180x180" href="img/touch-icon/apple-touch-icon-180.png" /> <link rel="shortcut icon" sizes="196x196" href="img/touch-icon/android-icon.png"> <meta name="msapplication-square70x70logo" content="img/touch-icon/smalltile.png" /> <meta name="msapplication-square150x150logo" content="img/touch-icon/mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="img/touch-icon/widetile.png" /> <meta name="msapplication-square310x310logo" content="img/touch-icon/largetile.png" />
有關更多信息,請參見此處 。
希望這可以幫助!
您可能需要將站點提交給RealFaviconGenerator的favicon檢查器 。 該在線工具分析您的收藏夾標記並生成報告。 例如,您可能發現圖像URL無效或圖像格式錯誤。
全面披露:我是這個工具的作者。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.