2012-10-16 36 views
8

Korzystając z Chrome na moim komputerze MacBook Pro Retina, nie mogę pobrać favikona o wyższej rozdzielczości (32x32) na moim blogu, aby najpierw załadować. Kiedy po raz pierwszy otwieram stronę (http://insofar.org), wyświetlana jest wersja 16x16 i dopiero po ponownym załadowaniu pojawia się 32x32. Jako alternatywny przykład, podczas ładowania Daring Fireball, jego favicon 32x32 jest ładowany jako pierwszy. I tak, wyczyściłem pamięć podręczną.Jak wyświetlić favicony Retina (32x32) w przeglądarce Google Chrome?

W obu przypadkach używamy następujący tag w sekcji head:

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

gdzie favicon.ico zawiera zarówno 32x32 i 16x16 wersje.

Jak wymusić wyświetlanie 32x32 na ekranie Retina?

EDYCJA: Stwierdziłem, że problem został rozwiązany w najnowszym kanale Google Chrome (v24.0.1300.0).

+0

Zastanawiam się, czy kolejność obrazów w pliku ikony robi jakąkolwiek różnicę? Warto spróbować je zmienić i sprawdzić, czy to pomaga. Chociaż szczerze nie mam pojęcia, dlatego jest to komentarz, a nie odpowiedź. –

+0

Myśleliśmy o tym samym. Porównałem oba pliki favicon.ico iw obu przypadkach wersja 32x32 pojawia się jako pierwsza (przynajmniej w Preview.app na OS X). –

Odpowiedz

3

Powinieneś wypróbować Faviconer.com - przeznaczony do tworzenia plików 16X16 i retina 32x32 .ICO. Możesz narysować nową ikonę od zera lub możesz przesłać dowolny obraz graficzny i przekonwertować go do formatu .ICO.

Oto link - http://faviconer.com

+0

Wygląda na to, że nie można importować obrazów 32x32 (tylko górna lewa część jest przenoszona na 32 płótno). –

+0

@Pierre de LESPINAY Może importować obrazy 32x32, bez problemów z konwersją. –

+1

nie robi mieszanki alfa ... brzydkie strzępki, jeśli masz png z wartościami alfa – davea0511

0

do przywozu http://xiconeditor.com/ pracował bardzo dobrze dla mnie. Tworzy ico o rozmiarach 16, 24, 32, 64.

Proponuję wygenerować najpierw twój obraz z edytorem w różnych rozmiarach, a następnie zaimportować każdy z nich, aby zachować jakość.

Powiązane problemy