-1),自动加 + 或保留 -。持续时间留空则不显示。星露谷料理标签生成器 把任意一张美食照片配上《星露谷物语》风格的像素信息卡——填好名称、品类、属性数值、价格,工具自动生成”游戏 tooltip 双面板”叠在你的食物图上。所有处理在浏览器本地完成,图片不上传,导出 PNG 直接下载。
星露谷的 tooltip 信息卡视觉非常有辨识度——橙色头牌写名称和品类、奶油色身体写描述和加成、Fusion Pixel 风的像素字体、品类色块代码(菜品橙红、工匠绿、水果粉……)。手动在 Photoshop 里复刻一张要找字体、调色、对齐图标——非游戏开发者半小时起步。本工具一键生成。
参考游戏标准 tooltip:
| 区域 | 内容 | 配色 |
|---|---|---|
| 头牌(顶部) | 名称 + 品类标签 | 橙色背景 + 黑边 |
| 缝隙 | 1 像素透明 | — |
| 身体(下方) | 描述 + 属性加成 + 持续时间 + 价格 | 奶油色背景 + 黑边 |
| 品类 | 副标题色 | 典型物品 |
|---|---|---|
| 菜品 | 橙红 #d6543a | 炒/烤/煮的料理 |
| 工匠物品 | 绿 #3a8e30 | 葡萄酒、蜂蜜、奶酪 |
| 水果 | 粉 #e25090 | 甜瓜、星之果、芒果 |
| 蔬菜 | 深绿 #2f6d2a | 南瓜、玉米、西红柿 |
| 矿物 | 紫 #8a4ec8 | 钻石、宝石、化石 |
| 鱼类 | 蓝 #3a78c8 | 鲤鱼、鳟鱼、海洋鱼 |
| 采集物 | 橙黄 #e09a2c | 蘑菇、野生韭菜、山药 |
| 自定义 | 任意 | 自由调色 |
Ctrl + 0 重置),否则像素插值会模糊参考《星露谷物语》游戏内的 tooltip 副标题色:菜品——橙红 #d6543a(炒/烤/煮的料理)、工匠物品——绿 #3a8e30(葡萄酒、蜂蜜、奶酪、梅干、罐头)、水果——粉 #e25090(甜瓜、星之果、芒果)、蔬菜——深绿 #2f6d2a、矿物——紫 #8a4ec8(钻石、宝石、化石)、鱼类——蓝 #3a78c8、采集物——橙黄 #e09a2c(蘑菇、野生韭菜、山药)。如果不确定怎么归类,菜品(橙红)是最通用的兜底。也可以选"自定义颜色"用色板自由调。
这是故意的。星露谷的 tooltip 是 16×16 像素艺术风格,文字字形也由像素组成——任何抗锯齿/平滑都会破坏"游戏内截图"的味道。本工具用 Fusion Pixel 12px(开源 OFL 授权,作者 TakWolf)作为像素字体,渲染流程是"离屏 1× 像素绘制 → CSS image-rendering: pixelated 整图整数倍放大",确保每个像素点都是硬边缘。如果你看到了模糊,多半是浏览器缩放不是 100%,或者放大倍数选了非整数(如 3.5×)——选 1×/2×/3×/4× 整数档最清晰。
名称 限制 20 字符,超长会被截断;像素字宽度有限,建议 6-8 字最佳("琉璃山药"、"南瓜浓汤"、"史莱姆果冻")。描述 限制 60 字符并自动换行——按头牌宽度计算每行容纳的字数,超出换到第二行;超过两行的内容会被省略。星露谷原版的描述都是 1-2 行短句,建议保持这个节奏(如"又香又甜……加糖让它有了一点焦糖味。")。
游戏里这些是食物给玩家的临时增益:(1) 能量(绿 ✚)/ 生命值(红 ♥)——直接回血回耐力,正数;(2) 体力上限 ⚡ / 运气 🍀 / 速度 👢 / 防御 🛡 / 吸引力 🧲——临时 buff,正数加成、负数减益(比如"啤酒 -1 速度");(3) 采矿 ⛏ / 钓鱼 🎣 / 采集 🌳——技能等级临时加成。填法:留空 = 卡片不显示这一行;填正整数 = 卡片显示 +30;填负整数 = 显示 -1(自动加号留给正数)。实务:(1) 自制美食卡只填 1-3 项最有"画面感",全填上反而拥挤;(2) 主菜配 能量+生命;(3) 饮料配 体力上限+运气;(4) 健康沙拉配 防御+生命。
都不是必填。持续时间 留空就不显示;填了用 分:秒 格式(如 7:00 = 7 分钟,对应游戏里增益的持续时间)。价格 G 是星露谷里的金币 G——填整数即可,会自动渲染成黄色金币图标后跟数字(如 200G)。如果不想显示价格留空。留白原则:少即是多,三档属性 + 价格 = 标准星露谷卡的信息密度。
完全不会上传。所有处理(图片解码、像素卡叠加渲染、最终合成 PNG)都在浏览器本地用 Canvas 完成,整张图不离开你的设备。导出时也是浏览器内合成 PNG 后弹出下载——文件路径走系统下载流程,不涉及任何网络请求。离线可用:进入工具一次后,关闭网络仍能完整出图——字体和品类图标都通过本地资源加载。
需要手动调"放大倍数"。像素卡基础尺寸约 200×140px(1×),如果原图分辨率是 4000×3000 的手机原图,1× 的卡贴上去会非常小;推荐整数倍放大让卡和图视觉协调:(1) 原图宽 < 800px:选 1× 或 2×;(2) 原图宽 800-1500px:选 2× 或 3×;(3) 原图宽 1500-2500px:选 3× 或 4×;(4) 原图宽 > 2500px:选 4× 或更高。关键:选整数倍(1×/2×/3×/4×)像素最锐利;非整数(2.5×、3.5×)会有像素插值导致轻微模糊。
按住卡片直接拖到画布上任意位置,松手即停;点"⟳ 重置位置"回到默认。构图建议:(1) 食物在中央 / 偏上 → 卡贴左下或右下角,留白处展示卡片信息;(2) 食物在角落 → 卡贴对角线另一端;(3) 食物大图全屏铺满 → 卡放在视觉重心略偏的位置(黄金比例 1/3 处)。避免:把卡贴在食物正中央挡住主体——星露谷原版的 tooltip 是悬停时弹出,不是叠在食物上的,过度遮挡会破坏"卡片是辅助信息"的感觉。
不建议商用。本工具与 ConcernedApe 及《星露谷物语》官方无任何关联,仅作风格化致敬。属性图标(✚、♥、⚡、🍀 等的像素图)参考游戏官方资源,仅供个人非商业使用——把生成图用于商业菜单、餐厅装饰、付费课程封面、产品包装等用途存在版权风险。可以放心用的场景:朋友圈/微博/小红书发图、玩家社区分享、自己的非营利博客、生日卡片、群友互动。有商业需求请联系 ConcernedApe 工作室获取授权,或自行设计原创风格。
英文/数字/常用符号——完整支持(拉丁字母、ASCII、常见标点全部覆盖);简体中文——CJK 全覆盖(GB18030 范围内的字基本都有);繁体中文——大部分常用字支持,但某些异体字、生僻字可能落到系统兜底字体显示得不像素;日文假名——部分支持,平假名/片假名常用字有;emoji——不支持——emoji 是彩色矢量图,像素字体没有对应字形。如果输入了 emoji 会显示为方块或系统字体的 emoji(不像素)。实务:(1) 名称里别用 emoji,用文字描述("红心 → 心");(2) 数值前的图标(✚♥⚡🍀)是工具内置的像素图标,不走字体——这些一定锐利。