2024年12月1日，周日，天气晴朗☀️

作为一个不懂编程的小白，今天我用了5个小时，借助 ChatGPT 和 Cursor 工具，终于完成了一个Chrome的插件代码，解决了我日常批量处理图片的小问题。之前我也尝试过用 Python 写代码来实现，但每次处理的图片数量不多时，启动一个完整的程序总感觉有些麻烦。于是，我决定以浏览器插件的形式来轻松解决这一问题。

1、插件功能：

该插件能够批量处理长方形图片，在不改变原图尺寸的基础上，自动添加白色背景并输出为正方形图片。非常适用于淘宝、微店等电商平台的商品主图要求。

1.1 插件后台

该插件采用简约的黑白极简风格界面，清爽而不失实用。

1.2 插件调用

目前，插件设置为每次最多处理20张图片。所有图片以缩略图形式展示，每行显示3张图片，并在右下角增加了一个可删除的✖️按钮，用户可以方便地删除不需要操作的图片。

选择完图片后，点击“转换并下载”按钮，插件将自动将图片转为 JPG 格式，并将转换后的文件保存在电脑的下载目录下。输出文件的命名规则为：原文件名+(1).jpg，以便与原文件区分，方便查看和对比。

2、本次插件所使用到的工具

2.1 ChatGPT

编辑插件代码前的提示词分析处理，后期撰写插件功能的文字描述

2.2 Cursor

根据Chatgt生成的简要提示词生成代码，这个代码不能一次成型，需要经过多次和AI沟通并逐步解决代码错误，直到最后顺利在Chrome和Edge浏览器中顺利运行。

2.3 favicon.io

在线生成插件icon：生成插件所需的16*16像素图标

https://favicon.io/favicon-generator/

2.4 imageresizer

在线图片尺寸更改：修改图片尺寸生成48*48像素图标，匹配插件后台图标的正确显示

https://imageresizer.com/

3.插件下载

暂时无法在飞书文档外展示此内容

4.开发者信息：

由 Eric Wang（ewanghai@gmail.com）开发 发布日期：2024年12月1日 最后更新：2024年12月2日