当图像被放置在网页文档使用<img />
元件/标签,应当图像以切片和编辑以适合原稿的尺寸或因为它们是它们应放置但width
和height
属性应该修改以适应需要。在网站配售图像
例如,如果我有一个形象,说:“bldg_pic.png”,这是2000像素宽和1500px,我要放置在一个400像素x 300像素<div>
适应它,我应该离开图像不变,做为
<img src="bldg_pic.jpg" width="400" height="300" alt="Building Picture" />
因此,加载的acutal图像是2000px x 1500px,但显示为400px x 300px。或者我只是编辑图像,并将其缩小到400px X 300px,并使用上述相同的代码。
我认为在放置图像时,浏览器会为图像插入一个“占位符”,如果在前面设置了属性,浏览器就知道应该为它保留多少“空间/内存” 。
我寻求使用哪种方法,并且他们的任何性能/最佳实践问题是相关的?
图像按原样发送给客户。你可以指定为'width =“4”height =“3”',并且仍然会发送相同的大图像。如果您希望自己的页面加载速度更快,则可以将其他“缩小”版本的图像另存为缩略图。 – Passerby
当所有的答案都是正确和有帮助的时候,很难选择接受哪个答案是正确答案。谢绝所有。 – Jawad