专门使用SVG图像文件的任何缺点?

时间:2015-11-20 23:44:56

标签: html css image svg responsive-design

我正在建立一个摄影组合网站,该网站将采用流畅,反应灵敏的设计。为了使图像在所有尺寸上都看起来很好,并且不必处理视网膜分辨率问题,我想到只对所有图像使用SVG文件。

使用SVG听起来像是解决这些问题的完美解决方案,但出于某些原因我还没有看到任何网站专门使用它们,这让我想知道它们是否有任何缺点(除了IE8缺乏支持) ,我不在乎)。

2 个答案:

答案 0 :(得分:1)

如果您使用它们太多或以动画形式使用,最终用户可能会遇到一些性能问题,尤其是在智能手机上。图标字体对CPU非常友好,但它们非常简单且单色。

除了缺乏对旧浏览器的支持之外,它们没有任何缺点。我们喜欢SVG。

答案 1 :(得分:0)

正如评论中所提到的,我会使用SVG图标/精灵/漫画,并坚持使用位图/栅格格式的照片。照片本质上是位图,当试图将它们转换为矢量时,您可能会发现一些问题:

  • 并非所有内容都可以转换为矢量...或者它可以,但价格昂贵(更大的文件大小,需要更多处理的复杂文件)。然后,我们可以开始讨论文件大小与图像质量的争论。
  • 您受到相机/镜头技术的限制:使用SVG中的照片可能会在比例上给出更清晰/更锐利的边缘,但内部细节不会出现因为它们不在那里(例如:你可能在SVG中有一张手的图片,但放大的数量并不重要,你可以防止像素化,但你也不会看到这些细胞。
  • 较旧的浏览器不支持格式(尽管您已经提到在您的情况下这不是问题)。

然后还有一些特定于摄影作品集/商店网站的问题:

  • 如果您打算销售图片,请使用SVG 免费提供产品:右键单击,"将图片另存为...& #34;并且用户将无需支付即可获得完整尺寸的图像。
  • 您可以添加消息/水印以防止(或签署/给予您自己的信用),但水印将很容易"删除。遗憾的是,我们都知道how the Internet works