(问题Looking for a research: PNG Sprite vs SVG sprite vs Icon fonts侧重于性能,没有相关的答案,Icon Font vs. SVG caching and network concern侧重于网络流量,但它很容易解决,例如模板。)
如果新网站只支持现代浏览器,是否有任何理由不使用SVG(或者 – 是否有任何理由使用PNG的图标)?如果我们不关心IE8和SVG的使用通过模板和/或缓存备份,有没有任何catch只依赖于SVG?
解决方法
>它无缝支持任何大小的浏览器,特别是css的背景大小
>你可以缩放它们上/下,如到一个hover effect
>您可以嵌入SVG并使用JavaScript和DOM对其进行实时修改
>您可以使用CSS(更改颜色,轮廓等)为SVG和SVG的部分设置样式
>您可以在客户端或服务器上动态生成SVG。由于它们基于文本的特性,您不需要低级库或强大的服务器来创建它们。
原因PNG可能是一个不错的选择:
>浏览器支持
>用于创建PNG sprites的现有工具
>大多数人在他们的电脑上有一个PNG兼容的编辑器
>你的图形是照片或其他难以矢量化图像
其他问题:
>一些SVG编辑器可能会在您的SVG中存储元数据,增加文件大小,并可能无意中暴露数据
>例如当您在Inkscape中导出PNG时,保存时在SVG中保存/保存了此目录的绝对路径> SVG压缩器可以删除这个,但我没有测试它(随时可以编辑,如果你有)
原文地址:https://www.jb51.cc/html5/169745.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。