【问题标题】:What's an SVG image rendered as PNG?什么是渲染为 PNG 的 SVG 图像?
【发布时间】:2014-04-29 03:17:34
【问题描述】:

有一张阿拉巴马州旗@http://en.wikipedia.org/wiki/File:Flag_of_Alabama.svg的svg图片

标题显示“此图像呈现为其他尺寸的 PNG”。我下载了 1,000 像素大小的@ http://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Flag_of_Alabama.svg/1000px-Flag_of_Alabama.svg.png 但它不会显示在我的网页上。我在 Photoshop 中打开它,将它复制到一个新窗口中并用新文件名保存它,但它仍然不显示。

所以当我认为“渲染为 PNG”意味着图像是 png 时,我想我错了。它实际上是一个 SVG……带有 .png 扩展名?

无论如何,我只是想知道这里发生了什么以及我需要做什么才能下载诸如 p​​ng 之类的图像。或者是唯一的截图解决方案?

【问题讨论】:

  • 对我来说显示效果很好:jsfiddle.net/9u5X2 不过在这里使用 PNG 没有意义,JPG 将具有相同的质量并且会减小文件大小(从而节省带宽)。
  • 嗯...我认为慢跑是一个更大的文件大小?也许我应该将我下载的所有州旗图像转换为慢跑。有没有办法批量处理它们,还是我必须一次打开并更改它们? (或者我应该针对这个问题开始不同的讨论?)
  • 我想我在这里找到了第二个问题的答案:osxdaily.com/2010/01/24/…
  • 我只是把一张转成.jpg,文件大小是原来的四五倍。
  • GIF 和 PNG 是无损的,而 JPG 是有损的,所以如果您在转换为 JPG 时获得更大的图像,那么您一定是做错了。当您希望图像具有透明度时,通常会使用 PNG。

标签: svg


【解决方案1】:

要将图像获取为 .svg,只需将页面(图像)的源代码复制到编辑器即可。现在将其保存为 .svg 图片

【讨论】:

  • 谢谢,但这不是我的目标。我想使用可以自动调整大小以显示在移动设备以及常规网页中的扩展程序。据我了解,凹陷图像无法做到这一点。
【解决方案2】:

您链接到的 PNG 文件(“.png”链接)不是 SVG。这绝对是 PNG。

我不知道为什么它没有显示给你,但它与 SVG 无关。

【讨论】:

    猜你喜欢
    • 2014-07-09
    • 2021-12-08
    • 2015-06-27
    • 2014-07-30
    • 2020-08-27
    • 1970-01-01
    • 1970-01-01
    • 2012-01-12
    • 1970-01-01
    相关资源
    最近更新 更多