隨著更新的手機提供高達 x3 的密度渲染,我很想使用 HTML 元素 srcset 為他們提供 x3 的高解析度影像。但是,我擔心這樣做會增加移動資料要求。
您是否傾向于將高解析度影像保留給通常不使用移動資料的大型設備(例如筆記本電腦和臺式機)?或者,也許,妥協并提供最多 x2 影像,而不是 x3?
我試圖在提供盡可能輕的移動網頁、最小化資料使用和最大化速度以及提供漂亮、清晰的影像之間找到平衡。
謝謝,山姆
uj5u.com熱心網友回復:
實際上,它現在更高達 x4 密度:https ://www.mydevice.io/#compare-devices
不幸的是,有一種簡單的方法可以防止在非常高密度的小型設備上加載巨大的影像。
根據這項研究,我們甚至應該能夠將密度限制在 ~2.5dppx :
- DPR 2 對大多數人來說已經足夠了
- DPR 3 只讓少數幸運兒受益
在 HTML 標準的問題中對此進行了討論:
- 回應式影像會導致高解析度設備上的性能問題
- 將影像候選標記為高壓縮的可能性
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/481627.html
