为什么单击放大按钮后此图像变得更清晰,但在默认缩放下却变得模糊。

Why does this image get sharper after you click the zoom in button but blurrier on the default zoom.

http://www.loftuspeak.com.au/wp-content/uploads/2017/07/Loftus-Peak-Logo-Sharp-Ribbon.png

有人可以向我解释为什么在默认缩放下它看起来很模糊,然后在单击 + 缩放后它变得更清晰。它在我的网站上以模糊的默认缩放显示,是否有任何方法可以默认将其设置为更清晰的缩放?

因为它在未缩放时不是正常的纵横比。

如果你想让它每次都成形。您必须输入最大宽度为 100%、高度为自动的 div。

放大时图像会变得更清晰,因为图像会占用更多像素。缩小时图像会变得更模糊,因为它占用的像素更少。

您可以通过以下方式使图像更清晰:

  1. 将图片文件变大 在 Photoshop 或 Paint.net 中打开图像并扩展图像。

  2. 在HTML中,使图像小于实际尺寸。 例如,如果您将图像保存为 1000px x 1000px,则 html 像这样:

    <img src="image.png" width="500" height="500" />

    如您所见,在 HTML 中,我嵌入的图像只有其实际大小的一半。这意味着图像将被强制压缩并保持高质量。