购物节宠物皮肤：三个在 192x208 网格里还站得住的做法

购物节宠物皮肤到底难在哪

购物节像素宠物听着简单，做起来不是。每年十一月都有人把宠物整只刷成红色、加一顶金帽子，然后发现它看起来像个未读角标。原因在网格上：一只 Codex 宠物活在 1536x1872 的精灵图里，九个状态乘八帧，算下来每个单元格大约 192x208 像素。

在这么小的画布上，高饱和的红会铺满整个身体，金色则变成两行糊掉的东西。这个错我连着犯了三年，收窄配色比想出更聪明的戏服管用得多。

• 两个点缀色胜过整只换色
• 这个尺寸里没有金属金，用浅赭色代替
• 保住轮廓，不然就不像你那只宠物了
• 在 100% 缩放和真实壁纸上判断

三个在小尺寸下仍站得住的皮肤

下面三个是我会先做的，按尝试顺序排。每个只改四到五个配色，别的都不动。

购物车那个最容易被注意到。它是挂在侧腹的一个双色篮子，因为是长在轮廓里面而不是贴在轮廓上面，它会跟着走路循环一起动。

• 快递箱：牛皮纸色铺身，两个胶带像素，一个面单高光
• 满载购物车：侧腹一个双色篮子，提手两像素宽
• 优惠券飘带：胸前一条斜向色带，总共只用两个颜色

让节日皮肤消失的配色陷阱

大促视觉是红压红，而大家在十一月换上的壁纸也多半偏暖。红宠物压在暖背景上没有边缘线，而在 192 像素宽的地方，边缘线几乎就是整张画。

用最笨的办法测：把编辑器切到浅色模式截一张图。如果你得找一下才看到宠物，问题在配色，不在戏服。

改配色的方法在 /blog/custom-color-palettes-codex-pet。你要的是一个亮色点缀，大概占两成像素，在冷暖两种背景下都立得住。

• 留一个在冷暖背景上都读得出的点缀色
• 别用纯红，这个尺寸下降饱和的砖红更清楚
• 别给深色宠物描一圈更深的边
• 在你真在用的壁纸上测，别在主题预览上测

换肤但不弄坏 pet.json

文件名和帧数不变的话，pet.json 根本不用改。我见到的安装翻车，多数是把精灵图改了名，JSON 里还留着旧路径。

顺序有讲究：先备份，再替换，最后重载。备份方法在 /blog/backup-codex-pets-guide，大概三十秒。

• 先把整个宠物文件夹复制到备份位置
• 替换 spritesheet.webp，保持文件名和单元格网格不变
• 路径没变就别动 pet.json
• 重载 Codex，检查全部九个状态，而不只是待机

接下来

去 codexpetgenerator.com 用一张你本来就喜欢的照片做一只，然后做配色那一步，别重新生成。重新生成会把宠物换掉，改配色则保留它。

要不要干脆手画那条飘带，这个争论在 /blog/hand-drawn-vs-ai-pixel-pets；跟大促主题很搭的人设工作在 /blog/pixel-pet-personality。上个月的装扮合集在 /blog/halloween-pet-skins-collection，其余从 /blog 进去。