SuperAPI AI 工具集

visual-assets

设计与创作

查看项目

更新于 10-15 21:13

技能介绍

用途:该技能用于创建和管理视觉资源,适用于制作图形、图标或图像时参考,内容覆盖资源格式与优化。

主要能力: 图标方面,介绍 SVG(可缩放、体积小、可用 CSS 样式化)、图标字体(易用但样式受限)、PNG 雪碧图(较旧、文件较大)。 图片方面,介绍 JPEG(照片、复杂图像)、PNG(透明、截图)、WebP(现代、文件更小)、AVIF(最新、压缩最佳)。 图形方面,介绍 SVG(插画、标志、图表)与 Lottie(动画、复杂运动)。

使用方式: 图片压缩命令示例: cwebp -q 80 input.png -o output.webp avifenc input.png output.avif pngquant --quality=65-80 input.png SVG 优化:svgo input.svg -o output.svg 响应式图片使用 picture 元素,配合 source 的 srcset/type 与 img 的 srcset、sizes 属性提供多格式与多尺寸。

图标规范:统一描边宽度、统一尺寸(如 24x24、20x20)、光学对齐、小尺寸下清晰。

文件组织:assets 下分 icons(ui、brand)、images(originals、optimized)、illustrations。

性能建议:首屏以下图片懒加载、按内容选择合适格式、提供响应式尺寸、考虑 CDN 分发、设置缓存头。

限制:资料未提供具体工具安装方式、平台支持范围、收费信息或效果数据,暂未提供。