关于小程序开发图片格式，门道可不少！你了解多少？

关于小程序开发图片这个事，我跟你港，这里面门道可真不少！有太多太多的东西，不是说上来就能随便弄弄就好的… 首先你得知道，这图片它本身，呃，自身是什么格式的？这个很关键，非常关键的！不然等你弄半天，传上去显示不出来，那不成白忙活一场了！

常用的图片格式，像是什么JPG、PNG、GIF这些，都是大家平时能见到的。JPG，它那个图片压缩起来比较厉害一点儿，所以文件大小会小一些，但如果压缩太狠了，那个图片就糊了，看不清楚了，细节都没了呀…

PNG格式，它好就好在能支持透明的背景，这个在设计那个小图标的时候特别有用！但是，它的文件一般比JPG要大那么一点点，有时候大的还不是一丁点儿

GIF格式，这个就是能做动图的那个！小程序里当然也能用，可你要是动画效果太复杂了… 文件就非常大了，加载起来就特别慢，人家打开小程序等着你那个图，半天出不来，谁还有耐心等，早就跑

然后，就是图片的尺寸问题了，这个尺寸可不是拍脑袋想出来多大就多大的！你得考虑小程序里面那个显示的位置，那个地方预留出来的空间是多大的？宽度啊高度，都得弄准了… 要是图片尺寸太大太大了，它在小程序里面显示的时候，可能就会变形，或者只显示那么一小部分，看不完整，那多别扭，看着就让人心烦！或者说… 它自动给你缩放了，结果人都拉扁了，或者挤成一团了，图像都失真的不成样子了，那可不行！

还有那个图片的… 文件大小！这个太重要了，重要到我得再跟你啰嗦几句！小程序，它加载图片是需要时间的，你图片文件越大，它加载的时间就… 越长！用户等半天，页面还没完全出来，图片框框里只有个小圈圈在那边转啊转的，转的人心烦意乱的… 耐心都被磨没了！所以你得想办法把图片的大小给弄小一点，压缩一下！

压缩图片的话，现在网上有好多那种工具，在线的就能用，也有的是需要下载安装的软件。你把图片传上去，它就能帮你压缩。但是压缩的时候你得看着点儿，别为了贪小，把图片质量弄得太差了，模糊不清的，那还不如不放了，对

除了专门的压缩工具，那个 软件，，简称PS，总听说过？那里面也有那个保存为网页所用格式的功能，也能调整图片的质量和大小。这个得自己多试试，才知道哪种参数是比较合适的！试来试去可能会花点时间，但是为了效果好，值

再想想… 嗯… 除了刚才说的这些格式、尺寸、大小之外，还有那个图片的命名！这个小细节，好多人都不注意，真的！但其实，也是挺重要的一个环节！比如说，你别都用那些什么“.jpg”、“照片123.png”这种混乱的名字，一点规律都没有……万一以后时间长了，你自己都不知道这张图是哪里用的，哪个页面上的了，找起来可就费劲了，头都大了！

给图片取名的时候，最好是能跟它的内容或者作用联系起来。比如说，用在首页轮播的图，你就叫“首页轮播图_产品宣传款.jpg”，这样一看就知道它是干嘛的，放在哪里的，多清楚明了！管理起来方便，自己看着也舒心不是？不用因为找个图，结果把整个文件夹里的图都翻遍了，眼睛都快看花了！

而且，小程序开发的时候，那个包的大小也是有限制的你图片放多了，或者单个图片太大了，那个总包的体积一下子就上去了，就超标了！到时候你想上传新版本都传不上去，只能回头再删删减减，重新弄，那不得把人急死所以说，小程序开发图片这一块，看着简单，其实里面要注意的事情真的是… 简直就是太多了，一不留神就可能出岔子！总之，多注意细节，多跑跑测试，没坏处的！

TAG标签：小程序开发图片