一款博客文章封面图生成工具

介绍

为了生成风格比较统一的图片，让博客的整体风格看起来比较统一，而不是很乱的感觉，自己动手写了一款简单的图像生成小工具，看下博客之前和现在的对比图。

之前的直接采用各个产品的截图，但是都有其各自的风格，放在一起看起来就不是那么美观了。

请输入图片描述

之前的 现在采用自己制作的小工具，之后风格变得比较统一了，我自己感觉看起来，比较舒服了。

请输入图片描述

工具简介

无服务，纯前端进行实现相关功能，托管在Github上，通过其pages服务进行部署。功能很简单，一个画布，中间可以放图标，填写文字，然后选择自己喜欢的背景色，设置其大小，就能生成一张图片了。

请输入图片描述

如何制作一张图

1.设置图片的大小（710x354）

请输入图片描述

2.复制一个小图标，或者从本地上传一个小图标，比如少数派的logo，你还可以改变图标的大小。

请输入图片描述

3.事实上这样我所需要的图片就制作完了，如果你想在给图片加个阴影也可以。

请输入图片描述

4.点击下载，就会将制作的图片生成一张png格式的图片。

功能清单

• 支持调整图片大小
• 支持图标直接复制，本地上传
• 支持调整背景色
• 配色网站，图标网站推荐，帮你快速找到想要的
• 支持文本添加，没有合适图标，写点文字也凑活
• 支持图片阴影显示
• 支持平台选择，快速适应几个平台推荐的图片尺寸
• 支持获取图标的主题颜色，本意是想能够快速找到对应的背景图，但是现在看来，在没有智能推荐方案的前提下，没什么用

总结

纯属个人兴趣所做，后面还有诸多的想法需要实现，比如结合人工智能，能够根据图标，自动推荐适合的背景色。添加水印，在背景上添加满屏水印，或者单个水印。当然，在线图片设计很多，很多工具功能丰富，可操作的余地很多，我个人不想做成这样，实力不允许，再者觉得自由度越高，选择越困难......

地址

https://nav.rdonly.com/laboratory/bgimage/backimage.html

ps

我这边加载比较慢,但是因为静态网页,直接 Ctrl + S,就可以保存,本地打开更快 .

请输入图片描述