渲染svg vs image

时间:2017-11-30 14:40:04

标签: html css image-processing svg

我需要在列表中多次将单个图像渲染为缩略图。我将图像作为png和svg文件,两者的大小都小于3kb

我想知道将图像渲染为png或svg文件是否更快。请注意以下假设:

  • 我计划将svgs用作从服务器呈现的内联路径,以避免网络延迟
  • 如果我使用png文件,它们只会从网络加载一次,后续请求将会到达浏览器的缓存。
  • 如前所述,图像需要在如下列表中多次加载。

list of vacancies

1 个答案:

答案 0 :(得分:1)

如果“文件大小相同”,SVG不应该加载更快或更慢,但是记住旧浏览器本身可能不支持SVG,但SVG通常可以利用gzip,因为它们是XML文件。

有时简单的SVG可能比位图文件小,所以加载速度会更快,但这纯粹与文件大小而不是格式化有关。

此外,虽然好的浏览器通常支持SVG,但它们并不总是支持完整的SVG规范。