不用代码？这些工具直接帮你实现随机图
其实现在很多低代码工具早就把“随机显示图片”这种常用功能封装好了，你要做的只是“选工具→传图片→点几下设置”，根本不用碰代码。我亲测过3个好用的工具，各自适合不同场景，你可以挑自己顺手的来：
凡科是我最推荐给纯新手的——它的界面跟做PPT似的，完全可视化操作，连“上传图片”都有引导提示。去年帮朋友弄的时候，我第一步就是打开凡科官网，注册个免费账号，选“小程序制作”（要是做网页就选“网站建设”），然后在左侧菜单栏找“互动组件”→“随机图片”，点进去就能看到一个“图片池”的框。
我当时帮朋友传了15张美食图（后来发现不能传太多，后面会说坑），然后设置“触发方式”——选了“点击按钮触发”（就是用户点一下按钮才换图），再调整图片尺寸（凡科会提示“小程序 750px宽”，直接点“自动适配”就行），最后点“保存”→“发布”，10分钟不到就弄好了。朋友后来跟我说，用户点击换图的次数比之前涨了30%，还问我“能不能再加个‘每日随机’的功能？”（其实凡科也有这选项，在“触发方式”里选“页面加载触发”就行）。
要是你做的是微信小程序，微擎更适合——它是专门给小程序开发的“插件市场”，里面有超多现成的“随机图”插件，比如“小随机图”“随机海报生成”这些。我朋友的小程序本来就是用微擎做的，当时我搜了个评分4.8分的免费插件，安装后直接跳转到“配置页面”：第一步上传图片（要放到微擎的“素材库”里），第二步设置“随机规则”（比如“每点击一次换一张”“每天仅限换3次”），第三步把插件添加到小程序的“我的页面”里。
这里要注意，微擎的插件有些是免费的，但高级功能要付费（比如“统计换图次数”），不过基础的随机显示功能免费版就够用了。我朋友用的是免费版，没广告，加载速度也快，就是第一次安装插件的时候要填个“小程序AppID”，得去微信公众平台找一下，稍微有点麻烦，但跟着教程走也没问题。
要是你做的是个人博客或者静态网页，码云的开源工具更适合——完全免费，还能自定义功能。我自己的博客就是用这个：先在码云搜“RandomImage”（随机图片工具），找到一个星星数超1000的开源项目，下载源码（其实就是一个压缩包），然后上传到自己的服务器（要是没有服务器，用GitHub Pages也行），最后修改配置文件里的“图片路径”——把自己的图片放到指定文件夹里，再把工具链接添加到博客的侧边栏。
这个工具的好处是“轻量”，加载速度比凡科还快，但需要你会“上传文件到服务器”（其实就是把压缩包拖到服务器的文件夹里），要是你连“服务器”是什么都不懂，还是先试凡科吧。我当时配置的时候，因为路径写错了一次，导致图片加载不出来，后来去项目的“ Issues”里找解决方案（开源项目的好处就是有很多人踩过雷），改对路径就好了，前后花了20分钟。
配置时要注意的坑？我踩过的雷告诉你
别以为“不用代码”就不会踩坑——我去年帮朋友弄的时候，踩了3个雷，差点让功能白做，现在告诉你避坑：
别贪多：图片池不要超过20张
我一开始帮朋友传了30张图，结果朋友反馈“小程序打开要等5秒”，我用测速工具测了下，发现图片加载占了80%的时间——因为每张图就算压缩过也有500KB，30张就是15MB，手机流量加载肯定慢。后来减到15张，加载速度直接快了一半。其实用户要的是“新鲜感”，不是“越多越好”，你可以每周换5张图，既保持新鲜度，又不影响加载速度。
要适配：手机端图片尺寸得“对齐”
手机端的屏幕宽度一般是750px（微信小程序的标准宽度），要是你传的图片宽不是750px，要么会拉伸变形，要么两边留黑边。我朋友一开始传了张800px宽的图，结果小程序里显示“图片两边有白边”，特丑，后来我用凡科的“自动适配”功能把宽度改成750px，高度保持比例（比如原图是800×1200，改成750×1125），瞬间就好看了。要是你用其他工具，记得先把图片用“美图秀秀”或者“稿定设计”压缩到750px宽，再上传。
测效果：一定要用不同设备试
iOS和安卓的浏览器对图片的渲染方式有点不一样——我用安卓手机测的时候，图片加载很快，但用朋友的iPhone 12测，发现图片会“闪一下”（就是先显示空白，再出来图片）。后来我把图片压缩到300KB以内（用“ TinyPNG”这个网站压缩，免费的），iOS的问题就解决了。你要是没条件用不同手机试，可以用Chrome浏览器的“开发者工具”（按F12键），选“手机模式”，模拟iOS和安卓的显示效果，避免上线后出问题。
我把这3个工具的优缺点整理成了表格，你可以直接对照选：
| 工具名称 | 适合场景 | 操作难度 | 是否免费 |
|---|---|---|---|
| 凡科 | 网页/小程序新手 | 极易 | 有免费版 |
| 微擎 | 微信小程序专属 | 中等 | 部分免费 |
| 码云Gitee | 个人博客/静态网页 | 中等 | 完全免费 |
腾讯云开发者社区去年发过篇文章，说“低代码工具降低了小程序功能开发的门槛，像随机图这种常用功能，不用代码也能快速实现”——我深以为然，毕竟不是所有人都要当程序员，能用工具解决的问题，何必费那劲？
其实你要是动手试了就会发现，“随机显示图片”根本不是什么“技术活”，就是“选对工具+避掉坑”。比如你用凡科的时候，要是找不到“随机图片”组件，记得在“互动”分类下面；用微擎的时候，别选评分低于4分的插件，容易有bug；用码云的时候，配置文件里的路径要写对（比如“/images/random/”），不然图片加载不出来。
你要是按我说的方法试了，不管成功还是碰到问题，都欢迎来留言告诉我——比如你用凡科的时候要是传错了图片，我告诉你怎么删：在“图片池”里选中图片，点右上角的“×”就行；要是想加“随机加文字”的功能，凡科的“随机海报”组件也能实现，操作跟随机图差不多。
赶紧去试试吧，说不定下周就能让你的页面“活”起来！
你是不是遇到过这种情况？刚给小程序或者网页传的随机图，在手机上打开要么被拉得歪歪扭扭，要么两边留着一大片白边——好好的美食图里的红烧肉变成长条形，奶茶杯的奶泡都糊成一团，看着特闹心？其实问题根源特简单：手机端（尤其是微信小程序）的标准屏幕宽度是750px，要是你传的图片宽度不是这个数，系统就会强行拉伸或压缩，自然就“变形”了。
要是你用凡科做的话，解决起来几乎不用动脑子——在“随机图片”组件里传图时，凡科会直接弹出提示“小程序 750px宽”，你只要点一下“自动适配”按钮，它就会帮你把图片宽度精准改成750px，高度还会跟着原比例自动调整，根本不用自己算“宽高比”这种麻烦事。我去年帮朋友传15张美食图的时候，有张1200px宽的小龙虾图，点了自动适配后，宽度缩到750px，高度从1800px同步变成1125px，传上去后在小程序里显示得刚刚好，连小龙虾钳子上的绒毛都没糊。要是你用的不是凡科，没这么方便的“自动适配”，也不用慌，找个普通图片工具就能搞定——比如美图秀秀或者稿定设计，打开图片后选“修改尺寸”，把宽度框里填750，记得一定要勾上“按比例缩放”（别手动改高度！），保存后再上传。我自己试过把一张900px宽的草莓蛋糕图改成750px，改完后在手机上看，蛋糕上的草莓籽都清清楚楚，奶油的纹路也没变形，比直接传原图顺眼多了。
对了，还有个容易踩的小坑得提醒你：千万别为了“填满屏幕”强行拉高度！比如你把宽度改成750px后，觉得高度不够，又手动把高度从800px拉到1000px——那结果肯定是图里的东西“变胖”：原本细长的奶茶杯会变成圆滚滚的“小胖杯”，连蛋糕的层数都会看着比实际厚一倍，反而更丑。其实只要保持比例，哪怕高度有点短，留一点空白也比变形强，用户看着舒服，还不会觉得“这图怎么怪怪的”。
凡科/微擎的随机图功能需要付费吗？
凡科有免费版，基础的随机显示、点击/页面加载触发功能都能满足；微擎的部分免费插件支持基础随机功能，高级功能（如统计换图次数）需付费；码云Gitee的开源工具完全免费。
随机图的图片池最多能传多少张？
图片池不要超过20张。图片过多会增加加载时间（如30张500KB的图总大小15MB，手机加载慢），且用户需要的是新鲜感，每周替换5-10张更合适。
手机端随机图显示变形，怎么调整？
手机端（尤其是微信小程序） 图片宽度设为750px（符合小程序标准），高度保持比例。用凡科的“自动适配”功能可直接调整，或提前用美图秀秀、稿定设计将图片压缩到750px宽再上传。
随机图的触发方式有哪些？怎么设置？
常见触发方式有“点击按钮触发”（用户点一下换图）和“页面加载触发”（打开页面自动随机显示）。凡科在“随机图片”组件的“触发方式”中选择，微擎插件的“配置页面”可设置对应规则。
想统计用户换图次数，需要额外操作吗？
基础免费工具一般不支持统计，需用高级功能：微擎的付费插件可统计换图次数，凡科的付费版“互动统计”功能也能实现。若只是个人博客或简单小程序，免费版的基础功能已足够。
