"CSS 图像遮罩与裁剪：mask 与 clip-path 的性能与兼容"
"介绍 `mask` 与 `clip-path` 的差异与用法，使用基本形状与 SVG 路径实现遮罩与裁剪，说明性能边界与跨浏览器兼容策略，提供示例与参考。"
图像
Supabase Edge Functions 图像生成管线（生成-存储-变体）
引言在生成式图像场景中，需要端到端管线：生成→存储→变体与分发；Supabase 提供 Edge Functions 与 Storage 变体以实现高效与安全的交付。管线设计（已验证）生成阶段：Edge Functions 调用模型或外部 API 生成图像，执行鉴权与速率限制。来源：Supabase
Clipboard 图像粘贴直接持久化到 OPFS 实践
将剪贴板中的图像直接写入 OPFS，提供能力检测与保存流程，适用于富媒体输入场景。
OffscreenCanvas 与 Worker 图像批处理与 OPFS 持久化实践
在 Worker 中使用 OffscreenCanvas 进行图像批量处理并写入 OPFS，提供能力检测与主线程集成示例。
"图像解码与稳定渲染：HTMLImageElement.decode 的应用"
"解释 `HTMLImageElement.decode()` 的解码流程与渲染时机控制，说明避免布局偏移（CLS）与闪烁的应用场景，并给出工程建议与参考。"
WebCodecs 图像编解码：ImageDecoder 与 ImageEncoder
使用 WebCodecs 的 ImageDecoder/Encoder 进行高效图像编解码，适配大量图片处理与导出场景，含流式与内存治理建议。
前端图片优化：AVIF/WebP与响应式图片治理
以新一代图片格式与响应式策略降低体积与提升体验，统一 `picture/srcset/sizes` 配置与回退路径。
现代图片编解码与图像管线优化：AVIF/WebP、响应式图片与CDN变换
构建现代图片管线，从编解码（AVIF/WebP）到响应式加载与 CDN 变换，结合懒加载与优先级控制，给出可验证的字节减少与渲染指标
