SVG图像显示效果

[Zhuo Zhang]

原始的 SVG 图像：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 10.0.1 (20240210.2158)
 -->
<!-- Pages: 1 -->
<svg width="145pt" height="131pt"
 viewBox="0.00 0.00 144.62 131.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 127)">
<polygon fill="white" stroke="none" points="-4,4 -4,-127 140.62,-127 140.62,4 -4,4"/>
<!-- node1 -->
<g id="node1" class="node">
<title>node1</title>
<polygon fill="none" stroke="black" points="0,-86.5 0,-122.5 129.75,-122.5 129.75,-86.5 0,-86.5"/>
<text text-anchor="middle" x="17" y="-99.45" font-family="Times,serif" font-size="14.00">left</text>
<polyline fill="none" stroke="black" points="34,-86.5 34,-122.5"/>
<text text-anchor="middle" x="61.12" y="-99.45" font-family="Times,serif" font-size="14.00">middle</text>
<polyline fill="none" stroke="black" points="88.25,-86.5 88.25,-122.5"/>
<text text-anchor="middle" x="109" y="-99.45" font-family="Times,serif" font-size="14.00">right</text>
</g>
<!-- node2 -->
<g id="node2" class="node">
<title>node2</title>
<polygon fill="none" stroke="black" points="43.12,-0.5 43.12,-49.5 136.62,-49.5 136.62,-0.5 43.12,-0.5"/>
<text text-anchor="middle" x="69.12" y="-32.2" font-family="Times,serif" font-size="14.00">name</text>
<polyline fill="none" stroke="black" points="95.12,-25 95.12,-49.5"/>
<text text-anchor="middle" x="115.5" y="-32.2" font-family="Times,serif" font-size="14.00">age</text>
<polyline fill="none" stroke="black" points="43.12,-25 136.62,-25"/>
<text text-anchor="middle" x="61.25" y="-7.7" font-family="Times,serif" font-size="14.00">city</text>
<polyline fill="none" stroke="black" points="79.38,-0.5 79.38,-25"/>
<text text-anchor="middle" x="108" y="-7.7" font-family="Times,serif" font-size="14.00">country</text>
</g>
<!-- node1&#45;&gt;node2 -->
<g id="edge1" class="edge">
<title>node1:f1&#45;&gt;node2:f2</title>
<path fill="none" stroke="black" d="M60.88,-86C60.88,-68.11 47.22,-67.35 42.88,-50 40.44,-40.28 34.49,-28.66 33.94,-21.08"/>
<polygon fill="black" stroke="black" points="36.3,-23.67 40.81,-14.08 31.31,-18.76 36.3,-23.67"/>
</g>
</g>
</svg>

对应的知乎文章 https://zhuanlan.zhihu.com/p/686170464

文章中的图像， 被转为了 webp, 拿出来看好像还行：

在文章中查看时， 清晰度就不太乐观了

有什么改善 svg 图像显示效果的方法吗？ Thanks.