似乎Google不接受svg用于Markup和AMP中的图片。只有png,jpg和gif。 https://developers.google.com/search/docs/data-types/articles
Facebook和Twitter拥有相同的立场。分享做法: https://developers.facebook.com/docs/sharing/webmasters#images为什么? Svg较小,被所有现代浏览器所接受,它们为用户提供了更好的体验。他们为什么不接受svg?
答案 0 :(得分:-1)
我不是SVG的人,但我知道SVG图像有时在不同的浏览器中不一致,即使在不同的页面上也是如此。例如,文本标记。想象一下,SVG内部文本的字体大小是1em。这将产生一个问题,因为没有人可以保证基本字体大小,比如正文的字体大小,总是相同的。
例如,
<style>
body{
font-size: 14px; /* change this to 40px, you will see a difference*/
}
</style>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<text x="25" y="25" alignment-baseline="middle" text-anchor="middle" font-family="Verdana" font-size="1em">Test</text>
</svg>
</body>
</html>