【发布时间】：2021-09-06 22:50:53
【问题描述】：
假设我有 600x600px 原始 jpg 图片。
但在页面上显示显着放大（例如到 25000x25000px），类似于：
<img src="image-600.jpg" style="width:25000px; height:25000px" />
还可以通过transform:scale动画进一步稍微缩放，例如：
<img src="image-600.jpg" style="width:25000px; height:25000px; transform: scale(1.2);" />
我不想解释为什么要这样做，因为它并不真正相关，但 tldr 它用作基于图块的查看器的占位符（在加载图块之前）。
我的问题是，这是否存在性能问题？现代浏览器可以安全地显示/渲染放大的图像吗？还是会出现内存问题或类似问题（尤其是在移动设备上）？
谢谢。
【问题讨论】：
-
显然取决于浏览器。如果浏览器实现是高效的，那么该操作中没有任何固有的东西会造成重大问题。
-
谢谢。正如我所提到的，我计划只支持现代浏览器（没有 IE11）——最新版本的 Chrome、FF、Safari、Edge。所以你是说这样做完全没问题？我尝试对此进行测试，并没有真正发现问题，但是如果设备的 gpu 较弱怎么办
-
这里没有一概而论的答案。尽可能多地测试它，期间。