html - 如何创建 '.svg.png' 镜像?

标签 html svg

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

谁能告诉我;

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

非常感谢

最佳答案

.svg.png 扩展告诉您这是一张 png 图像,是从 svg 图像(以及执行此操作的图像)渲染的转换只是将 png 扩展名附加到原始文件名,以保留作为转换源的文件的名称)。

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

当然还有更多......

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

关于html - 如何创建 '.svg.png' 镜像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4614233/

相关文章:

html - 如何添加twitter网站框?

javascript - ReactJS 和 Vivus SVG 动画

javascript - 使用 JavaScript 的 HTML 前端 SVG 导出下载

html - 为什么第一个幻灯片图像单击跳过转换并直接转到图像?

html - 使用onclick使svg图像对象可点击,避免绝对定位

css - 填充 svg 多边形形状的一半 - 星形

SVG 渐变 渐变单位 vs 渐变变换 - 不同的渐变

html - 让 flexbox 行的高度由其子元素之一确定

javascript - 刷新页面时空白页面 [因为 bootstrap css]

javascript - Flexslider(jQuery): Pausing automatic animation