使用 SVGZ 代替 SVG 有哪些陷阱?
我最近开始在我的网站中使用 svg 图像。其中一些很复杂而且很大,所以我开始压缩它们。它们压缩得非常好。
为什么人们不使用SVGZ(而不是未压缩的版本)?是否有我应该注意的众所周知的陷阱?
I recently started using svg images in my sites. Some of them are complex and quite big, so I've started compressing them. They compress really well.
Why would one ever not use SVGZs (instead of the uncompressed version)? Are there well-known pitfalls that I should be aware of?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
只要您的网络服务器设置了正确的 Content-Encoding HTTP 标头,它就应该可以在所有支持 SVG 的浏览器中工作。
我知道的一个陷阱是,如果您希望能够从本地磁盘打开 svgz 文件(即:不使用网络服务器)。这并不适用于所有浏览器。
另外,如果您的 svg 文件很大,那么您应该考虑使用 SVG Scour 或类似工具对它们进行预处理。矢量图形编辑器(例如 Illustrator 和 Inkscape)在文件(二进制 blob 或自定义 xml 标记)中输出显示冗余数据的情况相当常见。
As long as your webserver sets the proper Content-Encoding HTTP header it should work in all browsers that support SVG.
The one pitfall I know of is if you want to be able to open the svgz files from disk locally (that is: without using a webserver). That doesn't work in all browsers.
Also if your svg files are big, then you should consider preprocessing them with SVG Scour or similar. It's rather common to see vector graphics editors such as Illustrator and Inkscape output display-redundant data in the files (binary blobs or custom xml markup).
是针对桌面浏览器还是移动浏览器?我知道 Opera 至少从 8.0 开始就原生支持 SVGZ(甚至更早)。
什么服务器?阿帕奇、IIS?您可能必须配置它和/或弄乱 .htaccess。以下是 Apache 的操作指南: http://kaioa.com/node/45
请记住,服务器如果您的客户端支持的话,可能已经提供您的压缩内容,因为 SVGZ 只是应用了 gzip 压缩的普通 SVG。
Is it for desktop browsers, mobile? I know Opera supports SVGZ natively since 8.0 at least (maybe even earlier).
What server? Apache, IIS? You might have to configure it and/or mess with .htaccess. Here's a howto for Apache: http://kaioa.com/node/45
Keep in mind that the server might be already serving your content compressed, if your client supports it, as SVGZ is just a normal SVG with gzip compression applied.