Beim überarbeiten des Designs und Optimierung zu einem Responsive Design, stieß ich dank eines netten Tipps auf realfavicongenerator.net.
Das Tool optimiert ein Foto für alle Browser, die Standard Browser der Betriebsysteme, darunter Internet Explorer, Chrome, Safari und viele mehr.
Für ein optimales Ergebnis solltet ihr ein Bild mit der Größe 260×260 nutzen.
<link rel="profile" href="http://gmpg.org/xfn/11"/>
<link rel="apple-touch-icon" sizes="57×57" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-57×57.png">
<link rel="apple-touch-icon" sizes="114×114" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-114×114.png">
<link rel="apple-touch-icon" sizes="72×72" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-72×72.png">
<link rel="apple-touch-icon" sizes="144×144" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-144×144.png">
<link rel="apple-touch-icon" sizes="60×60" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-60×60.png">
<link rel="apple-touch-icon" sizes="120×120" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-120×120.png">
<link rel="apple-touch-icon" sizes="76×76" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-76×76.png">
<link rel="apple-touch-icon" sizes="152×152" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-152×152.png">
<link rel="apple-touch-icon" sizes="180×180" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/apple-touch-icon-180×180.png">
<link rel="shortcut icon" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/favicon.ico">
<link rel="icon" type="image/png" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/favicon-160×160.png" sizes="160×160">
<link rel="icon" type="image/png" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/favicon-96×96.png" sizes="96×96">
<link rel="icon" type="image/png" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/favicon-16×16.png" sizes="16×16">
<link rel="icon" type="image/png" href="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/favicon-32×32.png" sizes="32×32">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/mstile-144×144.png">
<meta name="msapplication-square70x70logo" content="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/mstile-70×70.png">
<meta name="msapplication-square150x150logo" content="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/mstile-150×150.png">
<meta name="msapplication-square310x310logo" content="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/mstile-310×310.png">
<meta name="msapplication-wide310x150logo" content="http://huskynarr.de/wp-content/themes/huskynarr/images/logos/mstile-310×150.png">
Seit dem klappt in jedem Browser das Icon.
Einfach einmal testen und nachschauen.
Leider ist das bei WordPress im Adminmenü nicht der Fall.