占位图的尺寸比例与主色填充生成策略
用目标宽高比确定占位图尺寸
生成占位图时，先确定目标宽高比，再决定像素尺寸和填充方式。宽高比只描述图片的形状，文件体积还会受到像素数量、格式、透明通道和压缩参数影响，不能把两者混为一谈。
宽高比是宽度与高度的比例，用来描述图片形状。常见比例包括 16:9、4:3 和 1:1：
- 16:9：适合视频封面、横幅和网页主视觉，例如 1280×720。
- 4:3：常见于传统显示内容和部分卡片布局，例如 1024×768。
- 1:1：适合头像、方形缩略图和商品图片，例如 800×800。
已知宽度时，高度等于宽度除以宽高比。例如目标宽度为 1280、比例为 16:9，高度就是 1280 ÷ 16 × 9 = 720。已知高度时，宽度等于高度乘以宽高比；比例为 4:3、高度为 768 时，宽度为 768 ÷ 3 × 4 = 1024。
计算结果必须转换为整数像素。遇到 853.33 这类结果，可以按项目要求四舍五入为 853，或直接取整为 853；生成前还应确认宽和高都大于 0。比例决定形状，分辨率决定像素总数和潜在文件体积。
纯色与渐变填充的生成参数
纯色占位图只需要一个明确的背景颜色。比如 #F2F4F7 是十六进制 RGB 颜色值，分别用两位十六进制数字表示红、绿、蓝三个通道，比“浅灰色”更容易被工具准确执行。
渐变占位图至少要设置起止颜色、渐变方向和渐变类型。线性渐变可以用角度控制方向，例如 0° 通常表示从左向右，90°通常表示从上向下，但具体方向取决于生成工具对角度的定义，使用前应以工具文档或实际输出为准。
- 纯色：指定单个 RGB 颜色，参数少，视觉稳定，通常更容易压缩。
- 线性渐变：指定起始色、结束色和角度，适合模拟页面层次或骨架屏背景。
- 透明填充：使用 RGBA。RGBA 比 RGB 多一个透明度通道，透明值通常称为 Alpha。
纯色适合加载占位、卡片背景和低带宽场景；渐变可以减少页面的单调感，但不能替代真实图片预览，因为它不包含真实内容结构。透明需求还会影响格式选择：JPEG 不支持透明通道，而 PNG、WebP 和部分 AVIF 编码流程可以保存透明信息。
按图片格式控制最终文件体积
格式选择会影响文件体积，但没有一种格式在所有图片上都最小。实际结果取决于图像内容、编码器版本、压缩参数和是否保留元数据。
- PNG：适合纯色、文字、图标和透明背景。颜色变化简单的纯色图可能获得很小体积，但渐变、噪声和高分辨率会增加数据量。
- JPEG：适合照片和连续色调内容，不支持透明。可以从质量 75～85 起步，再根据边缘伪影和文件大小调整。
- WebP：适合网页传输，支持有损、无损和透明。WebP 有损质量可以从 70～85 试验。
- AVIF：通常适合追求更高压缩率的网页图片，但编码速度、浏览器支持和解码成本取决于具体实现。
JPEG 质量 75～85、WebP 有损质量 70～85 只是可执行的起始区间，最终结果取决于编码器版本和图像内容。对占位图来说，先固定像素尺寸，再比较格式和参数，比单独追求某个质量数字更可靠。
生成完成后删除不必要的 EXIF、缩略图和软件信息等元数据，并检查 MIME 类型、文件扩展名、像素尺寸和实际字节数。不要只看扩展名判断格式，也不要把“宽高比正确”当成“文件一定很小”。
用生成工具批量验证尺寸与体积
可以在“生成占位图”工具中按统一流程配置参数：输入目标宽度、高度或宽高比，选择纯色或渐变，填写颜色和方向，再选择 PNG、JPEG、WebP 或 AVIF 以及质量参数。
- 输入参数：设置目标比例或像素尺寸，例如 1:1、4:3、16:9，并填写颜色、透明需求和输出格式。
- 生成文件：分别创建纯色版本和渐变版本；有损格式记录质量参数。
- 检查结果：使用 ImageMagick 的
identify查看尺寸、格式和颜色信息，例如identify output.webp。 - 记录数据：用文件系统属性或脚本读取文件字节数，记录像素尺寸、格式、质量参数和实际体积。
批量测试时，可以为每种比例固定一组代表尺寸：1:1 使用 800×800，4:3 使用 1024×768，16:9 使用 1280×720。若还要评估高分辨率场景，可加入 3840×2160，并单独记录其体积。
- 尺寸标准：实际宽高必须符合目标比例，允许的舍入误差应提前规定。
- 透明标准：有透明需求时，必须使用 RGBA 或其他带透明通道的编码方式。
- 体积标准：以实际部署环境的阈值为准，例如移动端缩略图、桌面端卡片和原图预览不应使用同一个上限。
最容易误解的一点是：宽高比正确，文件体积不一定小。同样是 16:9，1280×720 与 3840×2160 的像素数量相差 9 倍，生成后的文件大小不会相同；最终体积还取决于颜色复杂度、透明通道、压缩格式、编码器实现和质量参数。
从RGB到CMYK印刷档的色彩空间转换
RGB与CMYK的成色机制差异 RGB与CMYK不是两套可以直接互换的数值，而是两种不同的成色机制。RGB用光叠加形成颜色，CMYK用油墨吸收光线形成颜色；把RGB模式切换成CMYK，只改变了数据表达方式，并不等于完成印刷准备。 RGB是
用连通域分析实现人脸自动打码
先用肤色阈值圈出候选区域 连通域分析不能直接认出人脸，它只能把二值图中相邻的前景像素分成若干块。实用流程是：先用肤色规则生成候选区域，再用面积、形状和位置筛选，最后对保留下来的区域打码；这套方法适合背景简单、光照稳定的图片，不适合承担低漏检
基于显著性检测的智能裁切算法原理
先把显著性图变成可裁切区域 智能裁切要解决的不是“从中心切一刀”，而是在目标宽高比下，尽量保留人物、商品和文字等重要区域。显著性检测提供注意力分布，人脸检测、目标检测和 OCR 提供明确的保护对象；两类信息结合，才适合用于实际裁切。 显
高斯模糊的卷积核半径与性能优化
先分清两个“半径”：r决定窗口，σ决定衰减 高斯模糊调不出预期效果，常见原因不是公式错，而是把工具里的“半径”误当成同一个参数。卷积核半径 r决定参与计算的窗口大小，高斯标准差 σ决定距离中心越远的像素被压低得有多快。 当核半径为 r 时，
SVG矢量路径转PNG时的抗锯齿渲染
SVG路径如何转换为像素覆盖率 SVG转PNG时，真正决定边缘效果的不是文件扩展名，而是路径如何被栅格化。SVG路径通常由直线、二次贝塞尔曲线和三次贝塞尔曲线组成；栅格化器不会直接“显示数学曲线”，而是计算曲线与像素网格之间的覆盖关系。