news 2026/6/10 16:20:49

链接是如何生成二维码的?一文讲清背后的原理

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
链接是如何生成二维码的?一文讲清背后的原理

在日常生活中,我们早已习惯了“复制链接 → 生成二维码 → 扫一扫打开网页”这一套操作。
但你有没有想过一个问题:

一个看起来只是由黑白方块组成的图片,为什么能准确地打开某个网页?

本文将从工程和原理的角度,带你一步步拆解:链接生成二维码的底层逻辑


一、先说结论:二维码里到底存了什么?

很多人会下意识认为:

二维码里“存的是网页跳转逻辑”

但实际上并不是。

结论很简单:

二维码里存的,只是一段文本字符串。

比如:

https://example.com/article/123

二维码本身并不知道“网页”“浏览器”“跳转”这些概念,它只是把这段字符串,用一种规则编码成了图形。


二、二维码的本质:二维条形码

二维码(QR Code)属于一种二维条形码(2D Barcode)

和超市里常见的一维条码相比:

对比项一维条码二维码
存储方向横向横向 + 纵向
数据容量很小较大
常见用途商品编号链接、支付、文本

正因为二维码是“二维”的,它才能在有限面积内存下更多信息。


三、链接生成二维码的完整流程

从「输入一个链接」到「生成一张二维码图片」,中间大致会经历下面 6 个步骤。

1️⃣ 输入链接(原始数据)

最开始,二维码生成器拿到的只是一个普通字符串:

https://example.com

这一步不涉及网络,也不访问网页


2️⃣ 数据类型分析(选择编码模式)

二维码规范(ISO/IEC 18004)定义了多种编码模式:

  • 数字模式

  • 字母数字模式

  • Byte 模式(UTF-8)

URL 链接通常会使用Byte 模式,因为它最通用。


3️⃣ 字符串 → 二进制数据

接下来,字符串会被转成二进制比特流(简化示意):

h → 01101000 t → 01110100 t → 01110100 p → 01110000 ...

同时还会附加:

  • 模式指示符

  • 数据长度信息

这些都是为了让“扫码器”知道该如何正确解码。


4️⃣ 生成纠错码(二维码的灵魂)

这是二维码最关键、也最容易被忽略的一步。

二维码会使用Reed-Solomon 纠错算法,生成一定比例的冗余数据,用来:

  • 抵抗污损

  • 抵抗遮挡

  • 提高识别成功率

这也是为什么:

  • 二维码被挡住一角还能扫

  • 中间可以放 Logo


5️⃣ 填充成黑白模块矩阵

所有的二进制数据会被填充进一个正方形矩阵中:

  • 黑色方块 = 1

  • 白色方块 = 0

同时还会加入一些固定结构

  • 左上、右上、左下的定位符

  • 校正图形

  • 格式信息区

这些结构帮助扫码设备快速“定位”和“对齐”二维码。


6️⃣ 渲染成图片文件

最后一步只是绘图:

  • 把每个模块画成一个小方块

  • 导出成 PNG / SVG / Canvas

至此,一张二维码图片就生成了。


四、那为什么扫码后能“自动打开网页”?

这里有一个常见误解需要澄清:

二维码本身不会跳转网页。

真正发生的是:

  1. 扫码器识别并解码二维码

  2. 得到一段字符串

  3. 系统发现它符合 URL 规范(http://https://

  4. 自动调用浏览器打开

如果二维码里存的是普通文本,那扫码后只会显示文字,不会跳转。


五、一个很好用的心智模型

如果用一句话来理解二维码,可以这样记:

二维码 = 带纠错能力的文本编码图片

或者更通俗一点:

二维码不是链接的截图,而是链接的“编码版”。


六、为什么生成二维码这么容易?

你会发现:

  • 前端 JavaScript

  • 后端 Python / Java

  • 甚至离线工具

都能轻松生成二维码。

原因只有三个:

  1. 编码规则是公开标准

  2. 不需要联网

  3. 算法成熟、实现简单

这也是二维码能被广泛应用的重要原因之一。


七、写在最后

二维码看起来只是一些简单的黑白方块,但背后融合了:

  • 信息编码

  • 纠错算法

  • 工程设计的取舍

它的成功,并不在于“多复杂”,而在于——

把复杂技术,压缩成了一次“扫一扫”的体验。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 10:54:34

人脸识别OOD模型使用技巧:如何提升人脸比对准确率

人脸识别OOD模型使用技巧:如何提升人脸比对准确率 在实际部署人脸识别系统时,你是否遇到过这些情况: 同一个人的两张照片,相似度只有0.32,被判定为“不是同一人”;光线偏暗、角度稍斜的图片,比…

作者头像 李华
网站建设 2026/6/9 20:11:58

零基础玩转造相Z-Image:手把手教你生成768×768高清画作

零基础玩转造相Z-Image:手把手教你生成768768高清画作 你有没有试过这样:在AI绘画工具里输入“一只穿唐装的熊猫,站在苏州园林月洞门前”,等了半分钟,结果画面里熊猫歪着头、门框比例失真、青砖地面像打了马赛克&…

作者头像 李华
网站建设 2026/6/10 10:57:43

AI小白必看:Qwen2.5-VL-7B图文问答实战,效果惊艳!

AI小白必看:Qwen2.5-VL-7B图文问答实战,效果惊艳! 你有没有试过对着一张截图发愁——网页布局乱七八糟,想还原成HTML却无从下手? 有没有拍下一张手写笔记,想立刻转成可编辑文字,却只能手动敲半…

作者头像 李华
网站建设 2026/6/10 11:00:10

高效获取无水印视频资源:B站内容下载与处理全攻略

高效获取无水印视频资源:B站内容下载与处理全攻略 【免费下载链接】downkyi 哔哩下载姬downkyi,哔哩哔哩网站视频下载工具,支持批量下载,支持8K、HDR、杜比视界,提供工具箱(音视频提取、去水印等&#xff0…

作者头像 李华
网站建设 2026/6/10 10:57:17

Z-Image-Turbo实战:一句话生成西安大雁塔夜景图

Z-Image-Turbo实战:一句话生成西安大雁塔夜景图 你有没有试过,只输入一句话,3秒内就生成一张高清、写实、带氛围感的西安大雁塔夜景图?不是模糊的剪贴画,不是抽象的AI风格,而是——真实得像摄影师刚按下快…

作者头像 李华
网站建设 2026/6/10 16:02:10

手把手教你用Z-Image-Turbo镜像生成高清赛博朋克猫

手把手教你用Z-Image-Turbo镜像生成高清赛博朋克猫 你有没有试过输入一段文字,几秒钟后就得到一张堪比专业画师手绘的高清图?不是概念图,不是草稿,而是细节拉满、光影真实、风格鲜明的成品图。今天我们就用一个开箱即用的AI镜像&…

作者头像 李华