Html 在不拉伸的情况下使用CSS设置背景图像大小

我想使用CSS设置一些背景图像大小

我可以使用下面的css代码设置大小。我一直在W3学校阅读css格式，并参考了以下内容：

我尝试了所有的方法，包括包含和覆盖。然而，我一直让图像拉伸和模糊。如何在不模糊图像的情况下执行此操作？仅供参考原始图像大小为128Kb 1210x1643px

如果图像不模糊或质量下降，则无法拉伸图像。 我建议你有一个高质量的图像，并把图像在一种匹配的背景色div

然后，您可以使用其中一个或一些JavaScript来保持图像尽可能大

---

另外，查看一些代码或更好地描述您正在尝试执行的操作也会很有帮助

请分享你的代码@KTIWARI您希望如何在不拉伸或挤压图像的情况下调整图像大小？1210 x 1643和180 x 200的纵横比不同，因此图像当然会被拉伸。180 x 244会更近。1210x1643不是比180x200更像素化，而且图像的视野更好吗？为了获得更清晰的图像，您对尺寸有何建议？这是我的图像代码：background:url[[pix:theme | cat/default]]无重复中间底部；背景尺寸：180px 200px；对于背景大小，我尝试了百分比、包含和覆盖参数，但图像仍然模糊。您到底想要实现什么？

background: url([[pix:theme|cat/default]]) no-repeat center bottom; 
background-size: 180px 200px;