Я создал свой favicon разных размеров. Он отлично смотрится в адресной строке моего Retina MacBook Pro, но значок значка в списке чтения Safari имеет пиксельные изображения. У меня сложилось впечатление, что он использует версию с разрешением 32 пикселя, но на дисплее Retina это будет 64 пикселя. Мой значок содержит это разрешение, но значок все еще размыт.
Как правильно создать и связать этот значок, чтобы он отлично смотрелся на Retina?
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/favicon-152.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/favicon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/favicon-120.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/favicon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/favicon-72.png">
<link rel="apple-touch-icon-precomposed" href="images/favicon-57.png">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" href="/favicon.ico">