使用 SVGZ 代替 SVG 有哪些陷阱?

发布于 2024-10-22 12:19:33 字数 126 浏览 6 评论 0原文

我最近开始在我的网站中使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

江南烟雨〆相思醉 2024-10-29 12:19:33

只要您的网络服务器设置了正确的 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).

戒ㄋ 2024-10-29 12:19:33

是针对桌面浏览器还是移动浏览器?我知道 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文