浏览器如何渲染图像？

Question

虽然这听起来很简单,但我一直在考虑这个问题.

浏览器如何渲染图像？举一个我的意思的例子,假设我有1MB的图像是3000px x 1500px.然后我决定将此图像放入一个设置为宽度的容器中:100%; 这意味着它会反复缩小.浏览器是否会加载整个1MB,然后继续缩小图像以适应容器,还是将其缩小,然后继续加载？

我问,因为这几乎是我的情况,如果它是前者(首先加载1mb),那么我想我必须在移动设备上提供单独的图像？

谢谢

编辑:由于人们说它会首先加载1mb图像,你会如何建议我向用户提供大图像？缩小移动设备并拥有移动/桌面版本？

Answer 1

浏览器（显然）在加载图像之前无法对其进行缩放（或执行任何操作）。