通过CSS调整图像大小

时间:2015-02-26 09:03:58

标签: css image performance

如果图像是200px×200px并且您为该图像提供了具有相同尺寸的css类,那么浏览器是否仍会通过css调整该图像的大小?

我一直在寻找减少页面加载时间的常见问题,其中一件事就是通过css调整页面加载时间。

4 个答案:

答案 0 :(得分:1)

如果您使用某些固定尺寸对图像应用类,则它将粘贴到定义的尺寸。

除非您定义“max / min-width”和“max / min-height”而不是宽度和高度。

加载时间不是关于图像的尺寸,而是关于文件的大小(八位字节)(这里是图像)。表现受其影响很小。

答案 1 :(得分:0)

不,因为图像大小相同(从服务器下载)。此外,由于类的宽度/高度与图像相同,因此不会调整图像的大小。我并不认为调整此类图像的大小会对页面加载时间产生任何影响。

答案 2 :(得分:0)

我们可以从css中重新调整图像属性,但不能减少来自css的加载时间

答案 3 :(得分:0)

完全优化图像可能是一种非常完美的艺术,因为您可能正在处理各种各样的图像。以下是为网络优化图像的最常用方法。

使用适当的文件格式。如果您有图标,项目符号或任何不具有太多颜色的图形,请使用GIF等格式并使用较少的颜色保存文件。如果您有更详细的图形,那么使用JPG文件格式来保存图像并降低质量。

以合适的尺寸保存图像。 If you are having to use HTML or CSS to resize your images, stop right there. Save the image in the desired size to reduce the file size.

要调整图片大小,您必须使用某种形式的程序。对于基本压缩,您可以使用简单的编辑程序,如GIMP。要进行更高级的优化,您必须在Photoshop,Illustrator或Fireworks中保存特定文件。 来源 Link

修改 请检查此 link ,以便更好地了解speeding up page loading time