我应该向移动设备提供高分辨率网站图像吗?最小化下载尺寸怎么样?

发布于 2025-02-01 19:04:52 字数 229 浏览 3 评论 0 原文

随着较新的电话提供高达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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

迷乱花海 2025-02-08 19:04:52

实际上,现在最多可以x4密度: https://www.mydevice.io/#compare-io/#compare-io-io设备

不幸的是,简单的方法可以防止在非常高密度的小型设备上加载巨大的图像。

我们甚至应该能够基于这一点,我们甚至应该能够将密度限制为〜2.5DPPX研究

  • DPR 2对大多数人来说足够好
  • DPR 3仅受益于很幸运的少数

在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:

  • DPR 2 is good enough for most people
  • DPR 3 only benefits a very lucky few

There are discussions about this in issues on the HTML standard:

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文