当使用元素/标签将图像放置在 Web 文档中时<img />，应该对图像进行切片和编辑以适合文档的尺寸，或者它们应该按原样放置，但应该修改widthand属性以满足需要。height
例如，如果我有一个图像，比如“bldg_pic.png”，它的宽度为 2000 像素，高度为 1500 像素，并且我想将其放置并适合 400 像素 X 300 像素<div>，我应该保持图像不变并按照
<img src="bldg_pic.jpg" width="400" height="300" alt="Building Picture" />
因此加载的实际图像为 2000 像素 X 1500 像素，但显示为 400 像素 X 300 像素。还是我只是编辑图像并将其缩小到 400px X 300px 并使用相同的上述代码。
我假设在放置图像时，浏览器实际上只是为图像插入一个“占位符”，如果在前面设置了height和width属性，浏览器就知道应该为它保留多少“空间/内存”。
我寻求应该使用哪种方法，它们的任何性能/最佳实践问题是否相关？
始终调整图像大小。动态调整图像大小也是可能的。
https://github.com/lencioni/SLIR
SLIR 是一个很棒的库。您获取 sir 文件夹，并将其放在您的网站根目录中。当您访问图像时，您可以这样做：
<img src="/slir/w400/path/to/image.png" width="400" />
假设 /path/to/image.png 是 4000px 宽，SLIR 不仅会压缩图像，还会调整图像大小，并将此请求的缓存版本存储在服务器上的文件夹中 - 当再次请求时，它将提供缓存的版本。
如果您需要有关文件权限的任何帮助，请询问。
祝你好运！
从最佳实践的角度来看，您应该将图像调整为您想要显示的大小。您的访问者可能不乐意加载大图像，从而浪费他们的带宽（想想智能手机）并增加加载时间，而没有即使知道他们可以访问更大的图像。或者，您可能希望将调整大小的图像链接到完整大小的版本。
根据我的经验，一些浏览器在调整图像大小时会使图像看起来很破碎（例如，在某些情况下是 IE7），因此最好将图像设置为您想要显示的大小。
您必须将图像重新调整为您实际需要的大小。请不要使用 2000 像素 1500 像素的图像。
原因如下：
如果您需要两个不同的尺寸，那么您应该创建两个不同尺寸的图像。
您还可以使用工具优化图像，以便在浏览器中快速加载而不会降低图像质量。
这里有几个工具可以帮助你：
粉碎它：http ://www.smushit.com/ysmush.it/
防暴：http : //luci.criosweb.ro/riot/
希望我的回答对你有帮助！
两者都做（尽管如果尺寸正确，指定宽度/高度并不是真正必要的）。
虽然您可以使用width和height属性来缩小大图像，但它会无缘无故地影响您网站的性能和使用的带宽。
调整您的图像大小和（在 Photoshop 中），为网络/设备保存。
此外，如果您将图像放在一起以显示为一个，请确保display:block在您的 css 中使用以避免图像底部的间距。
图像应调整为您使用的确切尺寸并针对网络进行优化。我建议使用较小的格式（例如 .jpg 或 .gif），而不是 .png，如果可以这样做而不会降低质量。