如何控制图像大小,width和height不起作用?
很多浏览器有自适应显示网页的功能,包括图像,但是这不是一般标准。
因此构造网页时不应该依赖于浏览器的自适应功能。
那直接简单使用width属性和height属性来调整页面上的图像的大小就可以了呢?
其实不然,浏览器在缩放图像使之适应配置的参数时,仍然需要获取整个大图像。
width和height属性其实规定了浏览器要为图像预留多大的空间来显示。
如果需要使用这两个属性,应当与图像的实际宽度和高度的大小一致。
而且如果图像太大,不但拖慢了加载速度,也会造成网页出现错位,甚至无法加载的情况。
最好的方法是什么呢?
首先使用图像处理软件如photoshop或gimp等调整图像大小,再使用width和height规定大小。
这样不但加快网页加载速度,也可以更好的控制网页的显示。
如果仍旧需要输出大图像,可以单独放到一个网页,使用缩略图的方法链接到大图像页。
缩略图一般放到一个名为thumbnails的文件夹里,缩略图名称不变,或者添加thumbnail字符串。
图像宽度最好小于800像素,这是最好的经验。
点赞2
支持一下