小番茄解混淆
深入了解

术语表

这一页把站内出现的名词按出现顺序解释一遍,每条都用尽量直白的话说明,不假设读者有编程背景。

共 20 条 · 按主题大致排序

像素

图片的最小单位,每个像素记录红、绿、蓝三个颜色分量(以及可选的透明度)。一张 1920×1080 的图片有 207 万个像素。

画布(Canvas)

浏览器提供的绘图接口,可以把图片绘制到内存中的一块位图上,并逐个像素地读写数据。本站的全部处理都发生在这里。

ImageData

画布接口返回的像素数据对象,内部是一个一维数组,每个像素占 4 个字节:红、绿、蓝、透明度。

空间填充曲线

一条能走遍整个矩形区域、且每一步只移动到相邻格子的数学曲线。它把二维平面映射成一维序列,同时尽量保持空间上的局部性。

希尔伯特曲线

最著名的空间填充曲线之一,由大卫·希尔伯特提出。它的相邻跳变距离在同类曲线中接近最优,因此常被用于图像与数据库的局部性优化。

广义希尔伯特曲线

可以处理任意宽高矩形(而不只是 2 的幂次方正方形)的希尔伯特曲线变体。本站使用的就是这一版本。

黄金分割

把一条线段分成两段,使整体与较长段之比等于较长段与较短段之比,这个比值约等于 1.618,其倒数约等于 0.618。

位移量 / 步长

本工具中沿曲线整体平移的格数,取值为像素总数乘以 0.618 后四舍五入。同一个尺寸的图片,位移量固定不变。

可逆变换

存在反向操作、能把结果还原回输入的变换。像素重排就是可逆的:颜色值没有被修改,只是位置变了。

有损压缩

以丢弃部分细节换取更小体积的压缩方式,JPEG 是最常见的代表。多次保存会累积损失。

EXIF

数码相机与手机写在图片文件里的附加信息,包括拍摄时间、机型、光圈、快门与 GPS 坐标。经过画布重绘后这些信息会丢失。

透明通道(Alpha)

像素中表示透明程度的分量。PNG 支持透明,JPEG 不支持,所以透明图转成 JPEG 时透明区域会变成白色。

Blob 对象

浏览器中表示“一段二进制数据”的对象。本站把处理结果先转成 Blob,再生成临时地址用于预览与下载。

对象地址(blob: 开头)

指向内存中 Blob 数据的临时链接,只在当前页面有效。页面关闭后自动失效,不会留在磁盘上。

遮罩(Overlay)

处理期间盖在工具区上方的半透明提示层,用于说明页面正在计算、暂时不能响应操作。

响应式设计

让同一套页面在手机与电脑上都能正常显示的布局方式。本站的导航在小屏上会折叠成汉堡菜单。

汉堡菜单

移动端常见的三条横线图标按钮,点击后展开完整导航。名称来自它折叠时形似汉堡的造型。

结构化数据

写在页面里、供搜索引擎理解内容类型的 JSON 代码。本站用它标注工具、教程步骤与常见问答。

sitemap.xml

站点地图文件,列出全部可访问页面,帮助搜索引擎发现与收录。

robots.txt

放在站点根目录的说明文件,告诉爬虫哪些可以抓、站点地图在哪里。

还想更深入一点,可以接着读算法原理; 只想知道怎么操作,看使用教程就够了。

相关页面