### [img2banner：阿喵我用AI做的制作背景透明的封面图工具](https://www.appmiao.com/article/2828)

**Published:** 2026-02-25T03:14:18

**Author:** 阿喵

**Excerpt:** 阿喵前言 做网站一只有个费时费力的工作项，就是制作封面，阿喵做的这个站点是软件相关的，所以软件图标封面就是一个必须的东西，之前每次都是打开PS，打开预设好的300×200的背景透明的模板psd文件，然后再去获取一个正方形图标，最后贴入Pho

## 阿喵前言

做网站一只有个费时费力的工作项，就是制作封面，阿喵做的这个站点是软件相关的，所以软件图标封面就是一个必须的东西，之前每次都是打开PS，打开预设好的300×200的背景透明的模板psd文件，然后再去获取一个正方形图标，最后贴入Photoshop，再调整再导出，也不是很麻烦，但是PS偶尔抽风弹窗，导出还得手动点来点去，还得压缩，反正是挺浪费时间，所以趁着这年后刚来有时间，找AI 做个了封面制作工具，完全离线，无须联网，直接使用，我就给他起名为： img2banner

## 工具截图

![image.webp](https://img.amiao.app/file/1771982378038_image.webp)

image.webp

## 功能特色

1，支持主题切换，黑白配色

2，可以上传文件，可以粘贴图片

3，画布和主图都可以自定义大小比例

4，主图可以拖拽调整缩放，支持手机端双指缩放

5，导出背景可调

6，输出格式可以是png和webp（为了透明背景）

## 使用方法：

-   打开 `index.html`（在本地双击或用静态服务器）。
    
-   拖拽、点击上传或按 Cmd+V 粘贴图片（支持 GIF，取首帧）。
    
-   在左侧配置画布大小、内图尺寸、背景、输出格式，右侧预览实时更新。
    
-   点击“下载”导出，或“复制为 PNG”将图片复制到剪贴板。
    

说明：导出为 WebP 会保留透明（若浏览器支持）。GIF 只会使用首帧作为静态图片。

## 工具下载

我把html代码放到了github，同时打包了个html单文件，直接双击就可以跳转浏览器运行

github：[https://github.com/amiaoapp/img2banner](https://github.com/amiaoapp/img2banner)

**Tags:** banner, 图片处理, 封面制作, 源码

**Categories:** 开源项目

---