html Favicon和触摸图标

Posted 2021-05-11

<!-- FAVICON -->
<link rel="shortcut icon" href="/favicon.ico">
<!-- For third-generation iPad with high-resolution Retina display: -->
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152-precomposed.png">
<!-- For iPhone with high-resolution Retina display: -->
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120-precomposed.png">
<!-- For first- and second-generation iPad: -->
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76-precomposed.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon" href="/apple-touch-icon-precomposed.png"> <!-- 60x60 -->
<!-- For pinned sites in Windows 8 -->
<meta name="msapplication-TileImage" content="/apple-touch-icon-152x152-precomposed.png">
<meta name="msapplication-TileColor" content="#9ed8d5">