跳至主要内容
短.be

二维码 SVG

以可缩放矢量图形(SVG)格式输出二维码的方式。这是不依赖分辨率的格式,在印刷品和 Web 上都会使用。

2026 年 10 月 31 日 / 约 1 分钟阅读

QR 码

二维码 SVG 是以 SVG(Scalable Vector Graphics)格式输出二维码的技术。与栅格图像(PNG、JPEG)不同,SVG 是矢量格式,按显示尺寸绘制图形,因此不依赖分辨率。MDN 说明,SVG 图像在任何尺寸下都能不损失质量地渲染(截至 2025 年 10 月)。

SVG 格式的二维码有多项技术优势。第一,文件大小不受显示或印刷分辨率的影响。第二,直接嵌入 HTML 的 SVG 会成为 CSS 样式的对象,用于支持深色模式和添加悬停效果。第三,可作为 DOM 元素由 JavaScript 操作,能实现动态变色和动画。

短链接服务提供二维码 SVG 时的实现要点包括:优化 SVG 内的路径元素以削减冗余数据、用 viewBox 属性设置合适的宽高比、在 SVG 内包含静区(空白)。关于静区,DENSO WAVE 表示二维码四边需要 4 个模块宽的空白(截至 2026 年 10 月)。在下载功能中,也有服务除 SVG 外,还根据用户的用途提供转换为 PNG 或 PDF 的选项。

在印刷用途中,有时可以直接将 SVG 用作印刷交稿数据。在 Web 用途中,以内联 SVG 直接嵌入 HTML,可减少 1 个获取图像的 HTTP 请求。

这篇文章对您有帮助吗?

相关术语

QR 码设计

在保持可扫描性的前提下,对 QR 码的外观进行品牌化定制的设计实践。

QR 码印刷

将 QR 码复制到纸张、薄膜、金属、织物等物理介质的印刷工艺与质量管控。分辨率、对比度、静区、材质特性四大要素决定实际扫描成功率。

二维码最小尺寸

二维码能被正确扫描的最小印刷尺寸。由数据量、印刷质量和扫描距离共同决定。

彩色二维码

自定义前景色或背景色的二维码。可以融入品牌配色方案,但必须确保足够的对比度以保证扫描成功率。

QR 码 Logo 嵌入

在 QR 码中央嵌入品牌 Logo 的技术,利用纠错功能确保可扫描性。

QR 码支付

使用 QR 码进行付款的无现金支付方式。分为商家展示型和消费者展示型两种。

相关文章

QR 码入门 - 从零开始轻松了解原理、扫码方法和制作方式

通俗讲解 QR 码是什么、它和传统条形码有什么区别、里面可以存储哪些类型的信息、怎么用手机扫码读取,以及如何自己动手免费制作 QR 码。还介绍了短链接与 QR 码的组合技巧,以及在学校文化节海报上的实际应用案例,是一篇面向初学者的入门指南。

二维码与短链接的组合 - 从线下到线上的引流设计

从技术角度解说二维码版本与数据容量的关系。包含按网址长度比较二维码尺寸数据的实践指南。

在印刷广告中活用短链接的方法 - 从线下到线上的导线设计

解说在传单、海报、杂志广告等印刷媒体中有效活用短链接和二维码的方法。介绍线下广告的效果衡量手法。

把知识用到真实链接上

免费缩短网址