如何创建'.svg.png'图像?

时间:2011-01-06 11:07:55

标签: html html5 svg

我一直看到文件格式为'.svg.png'的图片。不确定它们是如何工作的,因为SVG是基于矢量的,而PNG是光栅图像。

所以任何人都可以告诉我;

  • 使用它们有什么好处?
  • 如何创建它们。我在Illustrator中看不到如何导出为svg.png。

非常感谢

2 个答案:

答案 0 :(得分:3)

.svg.png扩展程序会告诉您这是一张png图片,该图片是从svg图片呈现的(而转化的图片只是附加了png扩展名原始文件名,用于保存作为转换源的文件的名称。

要进行此类转换,您可以使用不同的工具:

当然还有很多......

我认为将png而不是svg传递回浏览器的主要原因是某些旧版浏览器无法直接显示svg图像。

答案 1 :(得分:2)

这是一个普通的PNG。文件名的.svg部分只是告诉使用它的任何人它是以SVG格式创建的(因此如果他们想要一个大版本或想要进行更改,那么有一个SVG版本在某处浮动)。只需将文件导出到PNG并手动输入.svg.png即可。只有在实际将原始文件保存为SVG时才应该这样做,以便其他人可以编辑它。