Html 如何在背景css属性中拉伸图像

我正在标题中显示带有以下css属性的徽标：

background: url("images/ogo_b_s.gif") no-repeat scroll left top transparent
height: 92px;
width: 300px;

问题是我的原始图像质量很高（4325 X 1450）。然而，为了使这个图像适应上面的css宽度和高度，我必须将图像缩小到（257x87），这会显著降低图像的质量。如此之多以至于连图像中的字体看起来都很奇怪

此图像具有透明背景，并放置在另一图像的顶部

我想知道是否有办法不缩小图像，使其符合上述css？

两件事：

没有CSS缩放图像。它在这方面做得很差。使用一些程序缩放图像，该程序设计用于自行缩放到所需的尺寸。那么CSS就不必做任何事情了

4325x1450太大了！你希望有人下载整个东西，只是为了在一个小范围内看到它？如果您按照#1中的建议重新缩放图像，您的用户将不必加载整个巨大的图像（并为您节省一些带宽）

---

您应该专门创建背景图像，以适合您在此处使用的区域；不要依赖浏览器来完成这项工作

当你这样做的时候，你也可以尝试使用一个带有alpha透明度的PNG，当透明度是一个问题时，它比GIF更容易扩展