我正在浏览图像文件，并用png的svg替换它们。现在的问题是，例如，当我放大或放大移动设备时，图像看起来比使用png时要差。
据我了解，SVG是可缩放的矢量图形，因此您应该能够按需缩放它们的大小而不会变形。
好吧，图像已从png转换为svg，因此理论上应该看起来更好，主要是放大时。
您可以在https://adsler.co.uk/jobs看到一个png背景图像的示例，在https://adsler.co.uk/dating/可以看到svg
您会看到，在作业（png）中，图像在失真之前会缩放得很高，但是在约会（svg）中，它只会在失真之前放大一点，而应该相反。
那么我在做什么错了，请问如何解决？基本上，我只希望整个站点上的图像清晰。
在进一步检查中，在Chrome中肯定是这种情况，但是在Firefox的移动设备上，它的缩放比例很高，直到失真为止。
然后提出两点。
答案 0 :(得分：0)
您遇到的问题是，尽管该图像从技术上讲是SVG，但实际上它是从PNG开始并被转换的，因此将其作为png图像包装器保存在svg中，而不是真实的矢量中。 / p>
如果在文本编辑器中将其打开，则可以看到<svg>包装器中的全部内容都是图像属性<image id="image0" width="2160" height="3840" x="0" y="0" xlink:href="...等。
这意味着它的行为基本上与光栅图像而不是矢量图形相同。
我建议尝试使用Illustrator，Sketch或Inkscape之类的图形将图形重新创建为矢量。您是否已将图像保存为png格式以外的其他格式？