視網膜顯示圖像命名約定和實施

確認至此，我知道迄今爲止，在具有視網膜顯示的iOS設備上，它會自動拾取標有「@ 2x」後綴的視網膜圖像（無需任何編碼，假設新的鉻也是這樣）。如果我錯了，請讓我知道。我將很快在新網站上工作，並將努力支持macbook pro的視網膜顯示。我唯一的問題是我不想使用@ 2x後綴，而是我想使用我定義的東西。我知道我可以用媒體查詢或js來調用圖像。 @符號在命令行中給了我們一些麻煩。無論如何，我想避免@ 2x的觀點。視網膜顯示圖像命名約定和實施

我想確認是否可以使用不同的後綴命名我的視網膜圖像並將其與媒體查詢或js一起實現。理論上它應該像所有設備一樣工作，但我不是這個主題的專家，所以我想要一些保證。

謝謝

來源

2012-08-09 Huangism

「假設新的鉻也是這樣做的」爲什麼你會這樣認爲？它沒有做任何事情。 iOS開發和Web開發在很多方面都有着根本的不同。 – 2012-08-09 16:04:51

@AlexWayne，他們說鍍鉻支持視網膜是什麼意思？ – Huangism 2012-08-09 16:07:48

這意味着渲染可以處理頁面上1px爲2px的事實。這意味着像文本或SVG這樣的矢量東西以最高清晰度呈現。但這並不意味着有任何一種自動資產交換。 – 2012-08-09 16:12:31

瀏覽器不被顯示DPI有資產交換任何「自動魔術」支持像iOS的一樣。所以無論你認爲存在的「標準」是什麼，只不過是鬆散的慣例。如果你想以不同於其他人的方式構建多DPI支持，那麼這完全取決於你。

來源

2012-08-09 16:06:58

所以你確認使用媒體查詢或js會好起來，我可以離開@ 2x後綴？ – Huangism 2012-08-09 16:09:28

在現代瀏覽器中沒有需要這種命名約定的系統。這意味着完全取決於你。如果你喜歡，你可以將'-retina'附加到你的視網膜圖像文件名。或者可能是'.embiggenned'，或者甚至預先加入'cromulent'或'snazzy-style'或'spifferroonski'。完全取決於你。 – 2012-08-09 16:19:43

視網膜顯示圖像命名約定和實施

回答

相關問題