笨猫博客

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

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

2020-04-01 7696点热度 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
  • razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
    取消回复

    最新 热点 随机
    最新 热点 随机
    Afilmory - 一个现代化照片画廊网站 手把手教你用AdguradHome+SNIProxy自建DNS解锁服务器 WIN10系统彻底永久关闭自动更新 WinRAR 商业版下载安装和白嫖指南 Certbot申请谷歌免费SSL证书 宝塔面板卸载全解析:命令与脚本两种方式详解
    WIN10系统彻底永久关闭自动更新手把手教你用AdguradHome+SNIProxy自建DNS解锁服务器Afilmory - 一个现代化照片画廊网站
    微软邮箱@msn.com 低价注册教程 看乐视网东北往事之黑道风云20年 25个创意博客头部设计 最新续费GODADDY域名中文图文教程 wordpress 安全保护操作后台地址增强 CyberLink Live:数字移动新生活
    最近评论
    HuangWei 发布于 3 周前(06月16日) 自己手动设置确实很烦,我之前使用过这个,感觉还不错,虽然已经不怎么维护了:https://githu...
    龙笑天 发布于 2 个月前(05月25日) 一直用的萌咖的路过 :smile:
    C 发布于 2 个月前(05月04日) 有个更省心的路子,上传到 catbox.moe,然后用 i0.wp.com 做加速(也支持heif格...
    薯条 发布于 4 个月前(03月21日) 这个博客18年了吗,好久了哎
    Q 发布于 4 个月前(03月19日) 您好: 我的一个WORDPRESS站点,安装了 wp telegram插件,我在配置了Bot ...
    标签
    elliptictrue100.10.02
    BLOG ChatGPT Chrome CloudFlare DirectAdmin github Godaddy google kloxo Linux OneDrive OneIndex PHP QQ shadowsocks SNS ssh Typecho VPS web2.0 whmcs Windows wordpress 一键脚本 下载 免费 博客 图文教程 图标 图片 域名 头像 奥运 宝塔面板 插件 教程 日记 有趣 浏览器 游戏 猫 生活 电影 百度 网站 视频 设计 软件 阿里云盘 音乐
    好友
    • glzjin's blog glzjin's blog
    • ZAERA博客
    • 冰沫记
    • 奇它博客
    • 猫腻‘s Blog
    • 猫饭
    • 肥宅之家
    • 萌博
    • 野路子程序员

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

    Theme Kratos Made By Seaton Jiang