前段时间群里聊天，发现大家都在用各种表情包，但翻来覆去就那几套。我寻思着自己做一套专属的，还能分享给朋友用。一开始想的是直接发图，但图多了不好找，就琢磨着做个表情包网页。说实话，我就是一个普通微信用户，代码水平约等于零，但折腾了几天还真弄出来了。今天把整个过程写下来，希望能帮到有同样想法的朋友。
第一步：想清楚你的表情包网页要干嘛
别急着动手，先问问自己：这个网页是给自己存图用，还是想分享给别人？如果是自己用，那简单，本地文件夹也行。但如果想让朋友在微信里一点就能看到全套表情包，那就得考虑网页的在线展示功能。
我当时的需求是：能分类展示，点开大图，最好能直接长按保存。就这么简单。千万别一开始就想做得多花哨，先跑通流程再说。
第二步：素材准备是最大的坑
很多人以为做网页最难的是技术，其实最难的是素材。我一开始想用网上找的图，但考虑到版权问题，还是决定自己画。用手机上的绘图软件画了几十张，每张都要注意尺寸统一、背景透明这些细节。如果你不会画，也可以用自己拍的照片或者聊天截图，但记得把头像和名字打码。
这里有个经验：图片格式最好用PNG，背景透明的图放在网页上好看很多。尺寸建议统一成200x200像素，太大加载慢，太小看不清。我当时每张图都手动调了一遍，花了整整一下午。
第三步：不懂代码怎么做网页？
说到网页制作，很多人的第一反应就是学HTML、CSS。其实现在有很多在线工具可以帮你生成页面。我试过几个，基本逻辑都一样：你上传图片，填一些文字说明，工具会自动生成一个网页链接。
具体步骤大概是：先找一个能生成网页链接的平台，注册账号，然后新建一个项目。接着把准备好的表情包图片一张张传上去，可以给每张图加个标题或者标签，方便以后搜索。最后调整一下布局，比如一行显示几张图，背景颜色用什么，这些一般都有现成的模板可以选。
整个过程就像在装修一个朋友圈相册，不需要写代码。但要注意，很多免费平台生成的网页会带广告，或者有存储空间限制，选的时候多看看评价。
第四步：让表情包网页在微信里能正常打开
这一步很关键。很多工具生成的网页在电脑浏览器上看着挺好，但一在微信里打开就变形，或者图片加载不出来。这是因为微信内置浏览器对一些代码支持不太好。
解决办法是：生成网页后，先用微信自带的“扫一扫”功能打开测试一下。如果图片加载慢，可以把图片压缩一下，控制在100KB以内。如果排版乱了，就调整一下每行显示的图片数量，一般手机上每行2-3张比较合适。
另外，网页链接最好短一点，方便复制。我一开始生成的链接有一长串字母，发到群里别人都懒得点。后来用短链接工具处理了一下，点击率明显高了。
第五步：如何让别人方便地找到你的表情包
如果你想让更多人看到你的表情包网页，就得考虑搜索引擎优化的问题。虽然我主要是在微信群里分享，但如果你想让百度也能搜到，有几个小技巧：
- 网页标题要包含表情包这个关键词，比如“张三的搞笑表情包合集”
- 每张图的文件名改成对应的关键词，比如“熊猫头笑哭.jpg”
- 在网页描述里写清楚你的表情包是什么风格，适合什么场景
不过说实话，个人做的表情包网页想被百度收录挺难的，除非你经常更新，而且有别人愿意转发你的链接。对我来说，主要目的还是朋友之间用，所以没太纠结搜索排名的事。
第六步：维护和更新
表情包这东西，用一段时间就腻了，所以定期更新很重要。我给自己定了个规矩，每个月加5张新图。更新的时候直接登录平台，上传新图片就行，之前的链接不会变，别人打开还是原来的地址，只是多了新内容。
另外，要注意网页加载速度。如果图片越来越多，打开会越来越慢。我后来把每张图都压缩了一遍，还把不需要的旧图删掉，保持总量在50张以内，加载速度就快多了。
补充方案：我自己用过的工具
上面说的都是方法，下面说说我实际用过的工具。第一个叫【爱资料在线工具】里的“表情包在线生成”，这个工具的好处是操作简单，上传图片就能生成网页，而且生成的链接在微信里打开效果还不错。但缺点也很明显：免费版只能上传20张图，而且生成的网页底部有他们的广告。如果你想去掉广告或者增加图片数量，得付费，价格倒是不贵，但我觉得个人用免费版就够了。
另一个是【草料二维码】的活码功能。这个本来是做二维码用的，但我发现它也能用来做简单的图片展示页。优点是可以随时更新内容，链接不变，而且没有广告。但限制是它主要面向企业用户，个人免费版只能建3个页面，每个页面最多放10张图，容量比较小。如果你的表情包数量不多，这个倒是够用。
两个工具我目前都在用，【爱资料在线工具】用来做临时分享的表情包合集，【草料二维码】用来做长期维护的固定页面。大家可以根据自己的需求选一个试试，反正都是免费的，不喜欢再换也不亏。
