2010-05-05 55 views
3

我已經創建了一個很好的多分辨率favicon.ico,包含16x16,32x32,& 48x48分辨率的圖標。這些加載在瀏覽器中或當網站保存到桌面時都非常類似。我想從JavaScript(或HTML,爲此事)訪問多分辨率的文件內的某些分辨率的文件

但是,網站上也使用了相同的圖像(特別是作爲工具欄中的圖標)。目前,16x16圖標也保存爲png,以便在網頁中顯示它。

這對我來說似乎是不必要的冗餘。我想在頁面上顯示favicon.ico本身並刪除png。

但是,只需選擇ico文件,就會顯示.ico容器中的最大分辨率文件(僅在Mac的Ghrome中進行測試)。

我可以在.ico容器中選擇個別圖標嗎?如果這有一個<img src="favicon.ico:16"/>-類型的語法,那將是非常棒的。

如果這不被大多數瀏覽器支持,也許可以用JavaScript解析.ico文件並選擇正確的數據塊來顯示?我並不是真的想這樣做,但我想要反饋意見,甚至可能。

謝謝。

回答

0

我不認爲有這樣做在javascript中的方式,你最好的選擇可能是撕裂它在PHP或其他服務器端朗打開,那麼你可以編碼在基地64和包括編碼文本img標籤。

但我認爲這有點矯枉過正,只有在圖像可能改變很多時纔有用。然後你必須考慮每頁的處理成本,儘管你可以制定一個緩存解決方案。

所以......我只是堅持使用PNG - 這是一個小的,但可以接受的冗餘水平。

M

+0

哈哈,這就是爲什麼我沒有興趣在JS中擺弄它。我想也許會有一個很好的簡單方法來做到這一點。如果沒有,我會堅持單獨的PNG。 – chadoh 2010-05-07 12:15:26