2012-10-16 20 views
8

Sử dụng Chrome trên Retina MacBook Pro của tôi, tôi không thể tải favicon độ phân giải cao hơn (32x32) trên blog của mình trước tiên. Khi tôi lần đầu tiên mở trang (http://insofar.org), phiên bản 16x16 được hiển thị và nó chỉ được tải lại khi 32x32 hiển thị. Như một ví dụ khác, khi tải Daring Fireball, favicon 32x32 của nó được tải trước. Và vâng, tôi đã xóa bộ nhớ cache của mình.Làm thế nào để hiển thị Favicons Retina (32x32) trong Google Chrome?

Trong cả hai trường hợp, chúng tôi đang sử dụng thẻ sau trong phần đầu:

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

nơi favicon.ico chứa cả 32x32 và 16x16 phiên bản.

Tôi làm cách nào để buộc hiển thị 32x32 trên màn hình Retina?

EDIT: Tôi thấy rằng sự cố được khắc phục trong Google Chrome Canary mới nhất (v24.0.1300.0).

+0

Tôi tự hỏi nếu thứ tự của hình ảnh trong tệp biểu tượng có tạo nên sự khác biệt nào không? Nó có thể là một giá trị cố gắng để chuyển đổi chúng xung quanh và xem nếu điều đó giúp. Mặc dù thành thật mà nói tôi không có ý tưởng, đó là lý do tại sao đây là một bình luận và không phải là một câu trả lời. –

+0

Chúng tôi đã nghĩ về cùng một điều. Tôi so sánh cả hai tập tin favicon.ico và trong cả hai trường hợp, phiên bản 32x32 xuất hiện đầu tiên (ít nhất là trong Preview.app trên OS X). –

Trả lời

3

Bạn nên thử Faviconer.com - được thiết kế để tạo 16x16 và võng mạc 32x32 favicon .ICO tệp. Bạn có thể vẽ một biểu tượng mới từ đầu hoặc bạn có thể tải lên bất kỳ hình ảnh đồ họa nào và chuyển đổi nó thành định dạng .ICO.

Dưới đây là liên kết - http://faviconer.com

+0

Dường như không cho phép nhập 32x32 hình ảnh (chỉ phần trên cùng bên trái được tải vào 32 khung hình) –

+0

@Pierre de LESPINAY Có thể nhập 32x32 hình ảnh, không có vấn đề gì khi chuyển đổi. –

+1

không thực hiện pha trộn alpha ... jaggies xấu xí nếu bạn có png với giá trị alpha – davea0511

0

Đối với nhập khẩu http://xiconeditor.com/ làm việc rất tốt cho tôi. Nó tạo ra ico với 16, 24, 32, 64 kích cỡ.

Tôi đề xuất tạo hình ảnh đầu tiên với trình chỉnh sửa của bạn ở các kích thước khác nhau, sau đó nhập từng hình ảnh để giữ chất lượng.

Các vấn đề liên quan