SuperAPI AI 工具集

asset-manager

设计与创作

查看项目

更新于 10-16 02:35

技能介绍

用途:Asset Manager 用于跨项目管理设计资产,包括目录组织、命名规范、图片与字体优化、品牌库维护和版本控制。适用于资产需要整理、压缩、转换为现代格式或跨发布版本追踪的场景;不适用于运行时图片变换,也不涉及路径前缀之外的 CDN 配置。

主要能力:图片优化使用 Sharp,可缩放、压缩并转换为 WebP/AVIF/JPEG/PNG;SVG 优化使用 SVGO(v4+),v4 中 removeViewBox 和 removeTitle 默认关闭;字体转换使用 woff2_compress、sfnt2woff,将 TTF/OTF 转为 WOFF2(主)加 WOFF(回退);字体子集化使用 Glyphhanger 移除未用字形;响应式图片按移动 640、平板 768、桌面 1920 断点生成;资产版本使用 SHA-256 哈希追踪,生成 asset-versions.json 清单;大文件用 Git LFS 跟踪 PSD、AI、Sketch、Figma、MP4、MOV;品牌资产使用带类型的清单,包含 logos、colors、typography。

使用方式:按目录结构组织,如图片放 assets/images/{category}/、图标放 assets/icons/svg/、字体放 assets/fonts/{family}/、视频放 assets/videos/、logo 放 assets/logos/、品牌信息放 brand/。命名遵循模式,如图片 {category}-{description}-{size}.{format}、图标 {icon-name}-{variant}.svg、字体 {font-family}-{weight}.{format}、logo logo-{variant}.{format}。流水线步骤为:整理、优化图片、生成响应式图片、优化字体、基于哈希版本化。

适用场景与限制:适合需要统一资产规范、压缩转换、版本追踪的前端或设计工程项目。常见错误包括将原始设计文件提交到 git(应使用 Git LFS)、直接提供原始尺寸图片、仅用 JPEG/PNG、不做字体子集化、缺少 font-display: swap、资产未走 CDN、新项目使用已停止维护的 imagemin、在 SVGO v4 中使用 v3 插件配置。资料未提供具体安装命令、收费方式或平台支持信息。