术语表
这一页把站内出现的名词按出现顺序解释一遍,每条都用尽量直白的话说明,不假设读者有编程背景。
像素
图片的最小单位,每个像素记录红、绿、蓝三个颜色分量(以及可选的透明度)。一张 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
放在站点根目录的说明文件,告诉爬虫哪些可以抓、站点地图在哪里。