开发者嵌入代码

二维码嵌入代码生成

一键导出 data-URI、img 标签、内联 SVG 或 React 片段,复制就能贴进项目;全部自包含,不依赖任何外部图片。

造码神器免费二维码嵌入代码生成器,为开发者一键导出 PNG data-URI、img 标签 HTML、内联 SVG 与 qrcode.react 代码片段,复制即用。所有产物均自包含、不引用任何托管图片地址,浏览器本地生成、内容不上传、无水印。

01

生成嵌入代码

左侧填内容和参数,右侧切格式、复制走人。

要编码的内容
图片 alt 文案
只对 img 标签格式生效,写清楚点对无障碍和 SEO 都有帮助。
容错等级
尺寸 · 320px
所有格式都是自包含的:图片直接内联进代码,不会引用本站或任何服务器上的图片地址。这意味着本站哪天挂了、改路径了,你页面上的码照样在。
嵌入代码
填入内容并点生成
03

关于嵌入二维码,你该知道的

把码嵌进项目有好几种姿势,选错了会给自己埋雷。

四种格式各有各的场合网页优先内联 SVG(矢量、体积小、可换色);邮件和后台导出用 img + data-URI(兼容性最好);内容会变的用 React 组件现算。
为什么不给你一个图片链接那种 <img src="某站/qr?d=xxx"> 的写法等于把你的页面绑在别人服务器上:对方挂了你的码就全碎,而且你的码内容会变成对它的一次请求、可被记录。本站不做这种。
React 项目怎么接装 qrcode.react 后用本页给的片段即可,码在用户浏览器里现算,不产生任何网络请求。内容固定的话,直接用内联 SVG 更省。
data-URI 会变大base64 会让体积涨约三分之一。同样的码,内联 SVG 通常比 PNG data-URI 小不少,网页场景优先选 SVG。
FAQ

常见问题

不会,一次都不会。data-URI 和内联 SVG 是把图片本身写进代码里,React 片段是在你的用户浏览器里现算。所以本站哪天没了,你页面上的码照样正常显示——这是我们刻意的设计。