我的响应式网站上的图片在手机上显示质量低

Question

我正在为工作制作一个快速响应的网站，并设计了一个不错的 294x104（px）矢量徽标。我有一个.PNG，一个.SVG和一个.EPS文件。

当在网站上显示时，相同的图像缩小为 115x40（px）。它在我的桌面上看起来很棒，但是当我在我的Android 980p屏幕上加载它时，我注意到图像看起来非常模糊和扭曲。

我一直在搞乱视口，这非常适合我的网站：

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

但它仍然模糊不清。然后，当我将矢量图像调整到115x40像素时，它看起来仍然模糊不清。我希望它在桌面和移动设备上都很清晰。 这样做有什么建议？

---