开发demo版本、测试版本时内容测试图片的选择

程序员、测试人员、编辑测试者在开发一件产品的demo、发布前内部测试时需要填充一些数据进行测试,而这时填写的测试图片都是随便从电脑上传几张,或者找一张图重复使用,这就导致设计图效果无法在测试环节展现出来,虽然这样可以真正检验设计稿对使用场景的考虑是否真实,但是大家都不容易,还是尽量减少因为这些随意数据产生的返工,不如大家在填充测试内容时尽量以还原设计稿的感觉进行测试数据填充,虽然这样会增加一些填充测试内容时间,而且测试数据很快还会被删档,但同样可以获得模拟用户使用的真实场景。我一直推荐程序员自己开发的程序要自己作为用户用上一阵子再发布,这样基本上可以修复很多让使用者想把程序员吊起来打的操作问题。

那么作为一个偷懒的程序员去哪里找些图又省劲又对得起设计稿呢?

提供了两个方案:

  1. 参照这篇《如何找到一篇文章的题图》可以随手拿到很多无版权和可以使用的不同色彩的图片。
  2. 写个万能图片url随机输出指定尺寸的图片:http://e.bitx.cn/img/w/宽/h/高

示例:/wp-content/uploads/replace/520d329d55d1f989efdba84c3933ae7e.jpeg

开发demo版本、测试版本时内容测试图片的选择
随机图片,刷新会换
开发demo版本、测试版本时内容测试图片的选择

我这个版本最大支持高1600px、宽1000px,之前也有用网上的这种图床试过,但加载速度不是很理想便自己实现了一个,用起来大大提高了我的测试效率和美观的兼容。从此没人找我说这测试图片太丑,太一致了。。

实现原理也很简单:找一堆高宽相同的大图,然后按照规律重命名,放到七牛云存储,利用七牛的图片自动裁剪服务,加上一个url的302随机重写和裁切尺寸就可以获得一张指定宽高的图片了。但这个302方式在手机浏览器有时候url完全一致会被解析一次后就缓存了导致还能出现一屏图片相同的情况。目前统一尺寸图片除了在url后面增加随机参数外还没好的解决方式。