建站与出图速查

图片与性能

• 大图转 WebP，按屏宽出多档尺寸。
• 写死宽高，避免加载时布局跳动。
• 首屏之外的图加延迟加载。
• 深色底 + 浅色图容易糊，文字区可以垫一层很淡的渐变提升对比度。
• 背景图不要用固定定位那种写法，移动端容易出毛病。

贴纸与动效

• 透明 PNG + 2 到 4 像素白描边，深色底上最出效果。
• 一排贴纸统一高度与间距，否则会显得散。
• 鼠标划过轻微上浮、歪一点角度即可；手机没有 hover，改成点按触发。
• 动效尊重 prefers-reduced-motion，别做成一直闪。
• 每张图都写 alt。

音乐与分享

• 自动播放基本会被浏览器拦，做成”点一下再放”。
• 网页背景音乐用小体积版本，别拖慢首屏。
• 页面分享要有标题、描述和封面图。

出图一致性

• 角色描述固定不动，只换动作与表情。
• 固定随机种子，一整套图才像”同一只”。
• 白底生成，方便抠图与描边。
• 表情包按 240 或 512 见方输出，聊天软件显示最整齐。