UD5工具箱
专业术语表
以下术语表涵盖了照片马赛克工具及相关数字图像处理领域中常见的专业概念，帮助您更好地理解工具的功能原理和技术细节。
马赛克（Mosaic）
马赛克原本指一种古老的装饰艺术形式，通过将小块彩色石料、玻璃或陶瓷拼接在一起构成图案。在数字图像处理领域，马赛克特指一种将图像分割为若干矩形区域，并用每个区域的平均颜色填充该区域所有像素的处理技术。处理后的图像呈现出明显的方块化效果，原始细节被有效模糊和遮盖。马赛克技术广泛应用于隐私保护、图像压缩预处理、像素艺术创作等场景。
像素化（Pixelation）
像素化与马赛克在技术上基本等同，指的是将图像中较小的像素单元合并为较大的可视方块的过程。当一个方块内的所有像素被设置为相同的颜色值时，观察者就能清晰地看到每个"超级像素"的边界，产生像素化的视觉效果。像素化一词更常用于描述故意降低图像分辨率以创造复古或艺术效果的场景，而马赛克则更多用于描述出于隐私遮盖目的的图像处理。在本工具中，这两个术语可以互换使用。
块大小（Block Size）
块大小是马赛克处理中最核心的参数，指每个马赛克方块的边长像素数。例如，块大小为20px意味着每个马赛克方块由20×20=400个原始像素组成。块大小越大，马赛克效果越明显，原始图像信息的丢失越严重，隐私遮盖效果越强。反之，块大小越小，马赛克效果越轻微，原始图像的轮廓和细节越清晰。工具提供的块大小范围为3px到80px。
画笔涂抹（Brush Paint）
画笔涂抹是工具提供的一种交互式马赛克处理模式。在该模式下，用户通过鼠标拖动（或手指触摸）在图片上绘制"画笔轨迹"，只有轨迹覆盖的区域会被应用马赛克处理。画笔涂抹的核心优势在于局部精确控制——用户可以只对画面中的特定区域（如人脸、车牌、文字）进行马赛克，而保留其余区域的原始画质。这类似于Photoshop中的画笔工具，但操作更加简化和直观。
Canvas API
Canvas API是HTML5标准中定义的一套2D绘图接口，允许开发者通过JavaScript代码在网页上创建一个可编程的绘图区域（即"画布"）。通过Canvas API，开发者可以进行像素级别的图像读写操作，包括获取和设置每个像素的RGBA颜色值、绘制图形和文本、应用图像变换等。本工具的核心图像处理逻辑全部基于Canvas API实现，包括图片加载、马赛克算法计算、遮罩层管理以及最终的图片导出。
ImageBitmap与ImageData
ImageData是Canvas API中用于表示图像像素数据的对象，包含width（宽度）、height（高度）和data（一维Uint8ClampedArray数组，存储每个像素的RGBA值）三个属性。ImageBitmap则是浏览器提供的高性能图像解码结果，可以通过createImageBitmap API异步生成。本工具在加载用户上传的图片时，会先将文件解码为ImageBitmap，再通过Canvas的drawImage方法绘制到画布上，最后通过getImageData方法获取像素数据进行马赛克处理。
RGBA色彩模型
RGBA是一种在RGB色彩模型基础上增加Alpha（透明度）通道的色彩表示方法。R（Red，红色）、G（Green，绿色）、B（Blue，蓝色）三个通道各占8位（0-255），共同定义像素的颜色；A（Alpha，透明度）通道也占8位，表示像素的不透明度（0为完全透明，255为完全不透明）。在Canvas API中，ImageData的data属性以RGBA的顺序交替存储每个像素的四个通道值，即[R,G,B,A,R,G,B,A,...]的扁平数组格式。马赛克处理算法需要遍历这个数组，计算每个块区域内所有像素的平均RGBA值。
有损处理（Lossy Processing）
有损处理是指在图像处理过程中会永久丢失部分原始信息的处理方式。马赛克处理是典型的有损操作——每个块内的原始像素细节被平均值替代后，这些原始数据就不可逆地丢失了。与有损处理相对的是无损处理（Lossless Processing），如旋转、裁剪等操作不会改变像素的颜色值。需要注意的是，虽然马赛克处理是有损的，但工具的导出格式采用PNG无损编码，确保处理后的结果不会因导出过程而产生额外的信息损失。
遮罩层（Mask Layer）
遮罩层是画笔涂抹模式下的核心数据结构。它是一个与原图同尺寸的二维数组（或等效的位图），用于记录用户在图片上涂抹过的区域。遮罩层中每个像素的值表示该位置是否已被画笔覆盖（通常用0和1表示未覆盖和已覆盖）。在渲染马赛克效果时，工具会遍历遮罩层，仅对标记为"已覆盖"的区域应用马赛克处理，而未覆盖区域则保留原始像素不变。这种机制实现了马赛克的局部应用，是画笔涂抹模式能够精确控制处理范围的技术基础。
PNG无损格式
PNG（Portable Network Graphics）是一种广泛使用的无损压缩位图格式。与JPEG的有损压缩不同，PNG采用DEFLATE无损压缩算法，能在减小文件体积的同时完美保留每一个像素的原始颜色信息。PNG特别适合存储具有大面积平坦颜色区域和锐利边缘的图像——这正是马赛克处理后图像的典型特征。使用PNG格式导出马赛克图片，可以确保方块边界清晰锐利，不会出现JPEG压缩常见的"蚊式噪波"或块状伪影。
File API
File API是Web标准中定义的一套用于在浏览器端读取本地文件的JavaScript接口。通过File API，网页应用可以在不依赖服务器的情况下，直接访问用户设备上的文件内容。本工具使用File API的FileReader对象读取用户上传的图片文件，将其转换为可被Canvas API处理的二进制数据。File API还支持读取文件的元数据（如文件名、大小、MIME类型），工具利用这些信息来验证文件格式和限制文件大小。