css - 通过 css 调整图像大小

标签 css image performance

如果图像大小为 200 像素 x 200 像素,并且您在 css 中为该图像指定了一个具有相同尺寸的类,浏览器是否仍会通过 css 调整该图像的大小?

我一直在研究减少页面加载时间的方法,其中一件事就是通过 css 调整大小来减慢页面加载时间。

最佳答案

如果您将一个类应用到具有某些固定尺寸的图像,那么它将固定在定义的尺寸上。

除非您定义“最大/最小宽度”和“最大/最小高度”而不是宽度和高度。

加载时间与图像的尺寸无关,而与文件(此处为图像)的大小(八位字节)有关。其性能受尺寸影响不大。

关于css - 通过 css 调整图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28738185/

相关文章:

jquery - jquery 中的图像 native 宽度

java - 在 JScrollPane 内编辑图像(JLabel)

html - DIV 与 UL、LI 性能

c++ - 将 AoS 转换为 SoA 时处理组合爆炸

jquery - 向表中添加行

css - textarea 的 rows 和 CSS 中的 cols 属性

javascript - 如何使用 Bootstrap-4 正确设置 TOCBOT

jquery - 如何创建像 pinterest/snatchly 这样可以抓取图像的书签

java - ImageIo.read 方法在 android 中不起作用

html - 褪色图库