容器的图像分辨率过高会使图像看起来模糊



我对此有点困惑,不知道如何搜索答案。

我在一个容器里有一个442px x 101px的PNG;最大宽度:146px;最大高度:28px&";。这使得分辨率高于所需的分辨率,但看起来很模糊。为了测试的目的,当我改变容器大小以使分辨率接近2x时,例如";最大宽度:221px x 50px";,图像看起来好多了。

这个容器是为用户生成的徽标,所以我避免对分辨率和大小过于具体。有些徽标是方形的,有些是宽的。我假设如果我把它做成图像总是在2倍以上,它会看起来很好。我真的不能强迫用户制作一个确切的尺寸。

我的印象是,如果一个图像比容器足够大,它就会显示得很好。现在这个图像比例大约是3.03x。有没有要求有效比例必须是一个完全干净的数字?如果是这样的话,有公认的方法来解决这个问题吗?我想知道我是否必须首先自动调整用户上传的图像的大小。

缩放图像时,会出现一些异常,无论是将它们放大(明显(还是缩小。在这两种情况下,无论呈现什么,都必须";发明;更多的像素或者猜测哪个像素去了哪里。

您尝试过CSS图像渲染属性吗?

最新更新