首页 / 知识库 / 餐饮 小程序开发

餐饮小程序开发的配图标准：菜单、海报与价签

晚上十一点，南京一家面馆的老板还在对着手机屏幕放大菜单图片。小程序开发方下午发来消息：上传的菜单图在详情页里字是糊的，价签反光条挡了价格，必须重拍。明天上午十点就要提审核，他只能先撤掉线上点单入口，临时改回人工下单。这个画面不陌生。很多餐饮老板把“图能看清”当作配图合格的唯一标准，结果小程序开发到一半，发现菜单、海报、价签、商品主图都要返工。返工不光是时间，还卡着线下门店正常出餐的节奏。这次不聊大道理，只聊这四类图在餐饮小程序开发里的真实使用场景和判断标准。

菜单图：不是“拍得清楚”，是“不同屏幕都读得顺”

菜单图最容易在开发阶段翻车。门店老板用手机拍一张打印菜单，看起来字很大，发到小程序详情页，手机端缩小到三分之一宽度，字就变成锯齿。开发方要求重拍，老板觉得“我手机上看得清啊”。这里的差距在于：你是在相册里原尺寸看图，用户是在小程序页面里按比例缩放看图。 判断一张菜单图能不能用，不要只看原图。把它缩到手机屏幕三分之一的宽度，看菜名、价格、辣度标注是否还能一眼认出来。很多门店的菜单是深色底配细线框，缩小后线框发虚，价格数字粘连。另一个常见问题是拍摄角度：斜着拍或者有透视，小程序的菜品详情页会把图片裁切，裁掉的部分往往是价格列或者推荐位。 如果你已经确定要做餐饮小程序开发，可以先拿三张不同距离拍的菜单图，丢进手机预览页里滑一遍。哪张让你不用眯眼就能读完整行，哪张就算初步过关。不用一步到位，但至少要能判断出哪些图是必须重拍的，哪些还能修。

海报与价签：反光、遮挡、日期过时是三个隐性成本

价签是很多餐饮老板第一个想用AI修图工具处理的素材。价签经常贴在菜品展示柜里，玻璃反光或者射灯过曝，价格数字被高光吃掉。开发方说“价签图对比度不够”，老板就重拍。重拍没问题，但重拍后可能日期不对了，或者价格改了。 海报的坑更隐蔽。门店做节日促销海报，大红底配黄色大字，在电脑上看很醒目，传到小程序首页，红色饱和度过高，黄色文字边缘发毛。用户看三秒就划走，不是因为文案不行，而是眼睛累。判断海报是否合格，不是看“够不够喜庆”，而是看它在小程序首页与其他商品卡片并列时，会不会让你想把屏幕调暗。 这里有一个真实的工作场景：老板想在菜单页插入一张“今日特价”海报，但原图是竖版，小程序组件只支持横版。于是拉伸、裁切、补背景。这类重复劳动，恰恰是「AI上班我下班」最典型的工作内容之一。你不需要自己去学修图，只需要知道什么时候该停下来，把这张图交给会处理反光和裁切比例的工具。在八方聚财的权益会员里看到这类AI修图工具时，重点不是它多聪明，而是它能不能省掉你晚上十一点重拍的时间。

商品主图与详情配图：别用“好看”当唯一标准

电商卖家做餐饮相关品类，比如调味品、半成品菜、餐具，商品主图的标准和餐饮门店的小程序菜单图完全不一样。一个卖手作辣酱的商家，主图修得很有食欲，但放在小程序搜索结果列表里，买家先看到的是标题、价格和首图一角。如果主图主体只占画面三分之一，左下角还放了个深色logo，小图状态下根本认不出是什么酱。 判断商品主图是否合格，要把它缩成搜索结果页里那个指甲盖大小的方块。你能一眼认出是辣酱还是腌菜吗？能看清克数和辣度吗？很多商家会在主图左下角堆太多信息，反而让核心产品被淹没。详情配图更考验耐心：有人把产品包装图、成分表、食用方法全塞进第一屏，买家往下滑三次还见不到实物图。 这不是说每个商家都要懂设计，而是说在开发小程序之前，你得建立一个基本判断：哪些图是给点击用的，哪些图是给成交用的。如果你连这个都分不清，后面的AI修图工具只会帮你更快地生成一批同样不合格的图。

用AI修图工具前，先分清“能修”和“该重拍”

很多人一听说AI修图工具能去反光、能换背景，就觉得什么图都能救。其实不是。去反光的前提是反光区域没有完全吃掉价格数字，换背景的前提是主体边缘足够清晰。一张斜着拍、反光盖住整个价签、数字只剩半个的图，AI修出来也是一团模糊。这个时候最快的路径是重拍，而不是反复调参数。 判断标准很简单：你拿原图给别人看，别人第一眼认出的是菜还是价签？如果是菜，说明图的主体没问题，可以修；如果连菜都认不出，或者价格信息完全缺失，那就别浪费时间。餐饮小程序开发过程中，最怕的是开发方说“图不行”，老板说“你帮我修一下”，开发方修完发现更糊，最后双方都在等。 我们自己在做门店海报和发布工具时，遇到过不少类似情况。有些图我们直接告诉老板重拍，不是因为工具做不到，而是因为重拍五分钟，比AI修半小时更省事。这种判断力比任何工具都值钱。

回到开头那个面馆老板。如果他在拍菜单图时就按“缩小后能读”的标准过一遍，如果他把价签反光区域单独用手机补一张特写，如果他在上传前把“今日特价”海报改成横版裁切，那一晚就不会等到十一点还在返工。餐饮小程序开发里，配图问题很少是技术问题，更多是判断标准缺位。 如果你正在做餐饮小程序开发，不妨把这四类图各挑一张，按上面的场景过一遍：菜单图缩小后能读、价签反光区没有吃掉数字、海报在首页不刺眼、商品主图缩成指甲盖还能认出品。过完这一遍，最少能帮你筛掉一半需要返工的素材。剩余拿不准的图，可以先丢给AI修图工具跑一轮，看眼睛舒不舒服。实在分不清，也不用急着买任何服务，把问题描述清楚，到八方聚财的知识库里翻一翻其他文章。我们不承诺结果，但可以把判断路径给你。

常见问题

相关阅读：门店电商都在用的ai修图工具怎么选