Как отображать фавиконы Retina (32x32) в Google Chrome?

Используя Chrome на моем MacBook Pro Retina, я не могу сначала загрузить фавиконку с более высоким разрешением (32x32) в своем блоге. Когда я впервые открываю страницу (http://insofar.org), отображается версия 16x16, и она появляется только при перезагрузке. что появляется 32x32. В качестве альтернативного примера, при загрузке Daring Fireball его значок размером 32x32 загружается первым. И да, я почистил кеш.

В обоих случаях мы используем следующий тег в разделе head:

<link rel="shortcut icon" href="/path/to/favicon.ico">

где favicon.ico содержит версии 32x32 и 16x16.

Как я могу принудительно установить разрешение 32x32 на дисплеях Retina?

РЕДАКТИРОВАТЬ: я обнаружил, что проблема исправлена ​​в последней версии Google Chrome Canary (v24.0.1300.0).


google-chrome html retina-display
person Bruno Grande    schedule 16.10.2012    source источник
comment
Интересно, имеет ли значение порядок изображений в файле значков? Возможно, стоит попробовать поменять их местами и посмотреть, поможет ли это. Хотя, честно говоря, я понятия не имею, поэтому это комментарий, а не ответ.   -  person Niet the Dark Absol    schedule 16.10.2012
comment
Мы думали об одном и том же. Я сравнил оба файла favicon.ico, и в обоих случаях версия 32x32 появляется первой (по крайней мере, в Preview.app на OS X).   -  person Bruno Grande    schedule 16.10.2012

Ответы (2)


arrow_upward
2
arrow_downward

Вам следует попробовать Faviconer.com, предназначенный для создания файлов favicon 16x16 и retina 32x32 .ICO. Вы можете нарисовать новую иконку с нуля или загрузить любое графическое изображение и преобразовать его в формат .ICO.

Вот ссылка - http://faviconer.com

person Andrew    schedule 28.01.2013
comment
Кажется, нельзя импортировать изображения 32x32 (только верхняя левая часть загружается на холст 32) - person Pierre de LESPINAY; 17.07.2013
comment
@Pierre de LESPINAY Может импортировать изображения 32x32, проблем с преобразованием не замечено. - person Dmitri A; 04.12.2013
comment
не делает альфа-смешивания ... уродливые неровности, если у вас есть png с альфа-значениями - person davea0511; 11.05.2016

arrow_upward
1
arrow_downward

Для импорта http://xiconeditor.com/ мне очень хорошо подошло. Он создает ico с размерами 16, 24, 32, 64.

Я предлагаю сначала сгенерировать ваше изображение с помощью вашего редактора в разных размерах, а затем импортировать каждое из них, чтобы сохранить качество.

person Pierre de LESPINAY    schedule 17.07.2013