随着较新的电话提供高达X3密度渲染,我很想使用HTML元素SRCSET将X3 Hi-Res图像提供给它们。但是,我担心这样做的增加的移动数据要求。
您是否倾向于将高分辨率图像保留到通常不使用移动数据的较大设备(例如,笔记本电脑和台式机)上?或者,也许妥协并提供多达X2图像,而不是X3?
我试图在提供尺寸尽可能轻巧的移动网页,最小化数据使用和最大化速度以及提供漂亮,清晰的图像之间找到平衡。
谢谢,山姆
With the newer phones offering up to x3 density rendering, I am tempted to serve up x3 hi-res images to them using the HTML element srcset. However, I am concerned about the added mobile data requirements from doing so.
Do you tend to reserve hi-res images to larger devices (e.g., laptops and desktops) that usually do not use mobile data? Or perhaps, compromise and provide up to x2 images, rather than x3?
I am trying to find the balance between providing mobile web pages that are as light as possible in size, minimizing data usage and maximizing speed, and providing nice, crisp images.
Thanks, Sam
发布评论
评论(1)
实际上,现在最多可以x4密度: https://www.mydevice.io/#compare-io/#compare-io-io设备
不幸的是,简单的方法可以防止在非常高密度的小型设备上加载巨大的图像。
我们甚至应该能够基于这一点,我们甚至应该能够将密度限制为〜2.5DPPX研究:
在html标准上的问题上讨论了这一点:
Actually, it's more up to x4 density now: https://www.mydevice.io/#compare-devices
There is unfortunately to simple way to prevent loading of huge images on small devices with really high density.
We should even be able to limit density to ~2.5dppx based on this study:
There are discussions about this in issues on the HTML standard: