介绍
为了生成风格比较统一的图片,让博客的整体风格看起来比较统一,而不是很乱的感觉,自己动手写了一款简单的图像生成小工具,看下博客之前和现在的对比图。
之前的直接采用各个产品的截图,但是都有其各自的风格,放在一起看起来就不是那么美观了。
之前的 现在采用自己制作的小工具,之后风格变得比较统一了,我自己感觉看起来,比较舒服了。
工具简介
无服务,纯前端进行实现相关功能,托管在Github上,通过其pages服务进行部署。功能很简单,一个画布,中间可以放图标,填写文字,然后选择自己喜欢的背景色,设置其大小,就能生成一张图片了。
如何制作一张图
1.设置图片的大小(710x354)
2.复制一个小图标,或者从本地上传一个小图标,比如少数派的logo,你还可以改变图标的大小。
3.事实上这样我所需要的图片就制作完了,如果你想在给图片加个阴影也可以。
4.点击下载,就会将制作的图片生成一张png格式的图片。
功能清单
- 支持调整图片大小
- 支持图标直接复制,本地上传
- 支持调整背景色
- 配色网站,图标网站推荐,帮你快速找到想要的
- 支持文本添加,没有合适图标,写点文字也凑活
- 支持图片阴影显示
- 支持平台选择,快速适应几个平台推荐的图片尺寸
- 支持获取图标的主题颜色,本意是想能够快速找到对应的背景图,但是现在看来,在没有智能推荐方案的前提下,没什么用
总结
纯属个人兴趣所做,后面还有诸多的想法需要实现,比如结合人工智能,能够根据图标,自动推荐适合的背景色。添加水印,在背景上添加满屏水印,或者单个水印。当然,在线图片设计很多,很多工具功能丰富,可操作的余地很多,我个人不想做成这样,实力不允许,再者觉得自由度越高,选择越困难……
地址
https://nav.rdonly.com/laboratory/bgimage/backimage.html
ps
我这边加载比较慢,但是因为静态网页,直接 Ctrl
+ S
,就可以保存,本地打开更快 .