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

介绍

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

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

请输入图片描述

之前的 现在采用自己制作的小工具,之后风格变得比较统一了,我自己感觉看起来,比较舒服了。 请输入图片描述

工具简介

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

如何制作一张图

1.设置图片的大小(710x354)

请输入图片描述

2.复制一个小图标,或者从本地上传一个小图标,比如少数派的logo,你还可以改变图标的大小。 请输入图片描述

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

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

功能清单

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

总结

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

地址

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

ps

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

请输入图片描述

坚持原创技术分享,您的支持将鼓励我继续创作!