笨猫博客

  • 🍟首页
  • 🍘目录
    • 🥝VPS教程
    • 🍾猫玩技术
    • 🍹干货分享
    • 🍏软件分享
    • 🍩一只猫
  • 🍋工具
    • 🌽IP路由追踪
    • 🍐域名Whois查询
    • 🥘域名被墙查询
    • 🍧IP正常检测
    • 🔥IP端口检测
    • 🍆短网址
    • 🐟VIP音乐播放
    • 🍯KMS激活
  • 🍓链接
  • 🍪联系
  • 🍱登录
    • 🥦登录
    • 🍒注册
关注互联网,生活,音乐,乐此不疲的一只笨猫
  1. 首页
  2. 猫玩技术
  3. 正文

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

2020-04-01 4632点热度 3人点赞 3条评论

介绍

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

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

ArmxMod for Typecho [1120x483]

之前的
现在采用自己制作的小工具,之后风格变得比较统一了,我自己感觉看起来,比较舒服了。
ArmxMod for Typecho [1120x511]

工具简介

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

如何制作一张图

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

ArmxMod for Typecho [1120x506]

2.复制一个小图标,或者从本地上传一个小图标,比如少数派的logo,你还可以改变图标的大小。
ArmxMod for Typecho [1120x504]

3.事实上这样我所需要的图片就制作完了,如果你想在给图片加个阴影也可以。
ArmxMod for Typecho [1120x506]

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

功能清单

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

总结

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

地址

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

ps

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

ArmxMod for Typecho [500x300]

标签: 文章封面图 生成工具
最后更新:2020-04-01

笨猫

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

  • 季悠然

    好棒的工具!

    2020-04-24
  • 龙鲲

    话说能共享一下离线网页吗,已经访问不了了 :lei:

    2020-08-24
  • xhhdd

    哈哈哈 正在愁封面图的我找到了这个 真的很赞

    2022-02-07
  • 取消回复

    最新 热点 随机
    最新 热点 随机
    中国科幻巨制《流浪地球2》 Chrome修复被2345劫持篡改的主页 GTA6预告片内容泄露:女主在监狱里锻炼身体 《星期三》第二季将有更多亚当斯一家的内容 最新VPS新手教程 SuperForum:轻量的论坛程序
    解禁燃放烟花爆竹,你怎么看?中国科幻巨制《流浪地球2》SuperForum:轻量的论坛程序《星期三》第二季将有更多亚当斯一家的内容GTA6预告片内容泄露:女主在监狱里锻炼身体Chrome修复被2345劫持篡改的主页
    ClockLink:提供多种网页用时钟样式 国产四大免费虚拟主机控制面板 Xen环境虚拟机安装 FODI反向代理 实现高速下载 OneDrive网盘文件 Gravatar头像简单介绍与使用教程 WHMCS自由切换模板风格
    标签聚合
    OneDrive 有趣 日记 google 域名 wordpress 音乐 VPS
    最近评论
    笨猫 发布于 2 天前(01月28日) q:94-0360231
    T 发布于 5 天前(01月24日) 应该是直接从原服务器下载的,这只是个接口
    阿伯吃的 发布于 6 天前(01月24日) 243527466@qq.com邮箱。听天由命富贵在天
    阿伯吃的 发布于 6 天前(01月24日) 不知过去多少年,还能不能收到链接呢?
    伯伯 发布于 1 周前(01月21日) 怎么联系呢?我的到期了怎么续费呀?
    好友
    • glzjin's blog glzjin's blog
    • ZAERA博客
    • 冰沫记
    • 博客导航
    • 奇它博客
    • 彩虹Smiling的Blog
    • 热闹网
    • 猫腻‘s Blog
    • 猫饭
    • 肥宅之家
    • 萌博
    • 野路子程序员

    COPYRIGHT © 2022 笨猫博客. ALL RIGHTS RESERVED.

    Theme Kratos Made By Seaton Jiang