CSS背景图像

Question

您好我的网页上的背景图片模糊不清。

body{
    background: url('../images/def2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

我从谷歌图片中获取图像，所以不知道质量的可靠性。

Answer 1

它们的分辨率可能比屏幕低，所以背景尺寸：封面会拉得太大。

Answer 2

太过于嘎吱嘎吱，总是要确保你的图像足够大！拉伸的图像看起来不专业，所以请记住始终以最大的文件作为源，并在需要缩小时进行复制，以便在需要时始终拥有大图像。

放大图像时图像看起来模糊的原因是因为它们缺少要在较大尺寸上显示的信息。您可以通过使用矢量图形来消除这种需求，但这对于照片来说不是一个可行的解决方案，而是更多地针对徽标等。

如果您手边没有原始图像，请尝试联系您的摄影师以获取原件。如果需要，你可以扩展，但超过〜％30增加的任何东西都会有些可见。

如果有任何用处，我会进行反向谷歌图片搜索，以找到您以更高分辨率显示的同一个人的相似图片。它不是同一张照片，因为您的照片看起来仍然来自视频，但它可能会有用。请记住，这些图片可能是受版权保护的，并且未经批准可在您的网站上合法使用。