html Cómo实施tu favicon al completo

Posted 2021-05-11

<!-- begin of favico -->
<!-- ?v=xxx es para evitar el cacheo de los navegadores, si cambiamos alguna imagen incluiremos una nueva versión -->
<link href="/img/icons/favicon.ico?v=111" rel="icon"/>
<link rel="shortcut icon" href="/img/icons/favicon.ico?v=111" />

<!-- apple -->
<link rel="apple-touch-icon-precomposed" href="/img/icons/apple-touch-icon-57x57.png?v=111" /> 
<link rel="apple-touch-icon-precomposed" sizes="72x72"   href="/img/icons/apple-touch-icon-72x72.png?v=111"/> 
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/icons/apple-touch-icon-114x114.png?v=111" /> 
<link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-57x57.png?v=111" />
<link rel="apple-touch-icon" sizes="72x72"   href="/img/icons/apple-touch-icon-72x72.png?v=111" /> 
<link rel="apple-touch-icon" sizes="114x114" href="/img/icons/apple-touch-icon-114x114.png?v=111" />

<!-- non-retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="/img/icons/icon57.png?v=111" sizes="57x57">
<!-- non-retina iPad pre iOS 7 -->
<link rel="apple-touch-icon" href="/img/icons/icon72.png?v=111" sizes="72x72">
<!-- non-retina iPad iOS 7 -->
<link rel="apple-touch-icon" href="/img/icons/icon76.png?v=111" sizes="76x76">
<!-- retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="/img/icons/icon114.png?v=111" sizes="114x114">
<!-- retina iPhone iOS 7 -->
<link rel="apple-touch-icon" href="/img/icons/icon120.png?v=111" sizes="120x120">
<!-- retina iPad pre iOS 7 -->
<link rel="apple-touch-icon" href="/img/icons/icon144.png?v=111" sizes="144x144">
<!-- retina iPad iOS 7 -->
<link rel="apple-touch-icon" href="/img/icons/icon152.png?v=111" sizes="152x152">
<!-- Win8 tile -->
<meta name="msapplication-TileImage" content="/img/icons/icon144.png?v=111">
<meta name="msapplication-TileColor" content="#B20099"/>
<meta name="application-name" content="name" />

<!-- IE11 tiles -->
<meta name="msapplication-square70x70logo" content="/img/icons/icon70.png?v=111"/>
<meta name="msapplication-square150x150logo" content="/img/icons/icon150.png?v=111"/>
<meta name="msapplication-wide310x150logo" content="/img/icons/icon310x150.png?v=111"/>
<meta name="msapplication-square310x310logo" content="/img/icons/icon310.png?v=111"/>