一个改图片的小工具，我为什么要在“透明底变黑”这种事上较真

Meathill Tools 是一套在浏览器里用的工具箱，这两个月我主要打磨了图片转换、图片裁切和 Markdown 转 PDF 的细节。

很多时候，用在线工具最让人沮丧的不是功能不够多，而是一些猝不及防的小别扭。比如把一张透明背景的 PNG 转成 JPEG，结果背景直接变成了一片黑；又或者把 GIF 转成 PNG，转完才发现只剩下了第一帧，而且整个过程中没有任何提示，没有任何人告诉你。这种小别扭，正是在线工具最容易让人放弃的地方。

我是肉山。Meathill Tools（tools.meathill.com，项目名 EverTools）是我在做的一套在线工具箱，里面主要包含在浏览器里用的图片、PDF 和开发者小工具。这两个月里，我主要在做的事情不是盲目堆砌新工具，而是回头打磨图片转换、图片裁切以及 Markdown 转 PDF 这几个工具的细节，修掉我自己平时使用时踩到的那些小别扭。

图片转换器：把别扭的地方修平整

首先是图片转换器。透明图转成 JPEG 背景变黑的问题，在这个工具里我做了处理：现在把透明背景的图片转成 JPEG 时，你可以自己选透明部分的底色，不再被强制填成黑色。如果要把 GIF 转换成 PNG，页面也会明确给出提示，告诉你只会保留首帧画面，不让导出的结果变成意外。

除了转换结果本身，操作的手感我也顺手理了一遍。以前只有中间那个小按钮可以点；现在整个上传的大框都可以直接点击，不用费心去瞄准那个小按钮。

另外，工具现在会记住你上次的转换设置，不用每次打开页面都把选项重新选一遍。如果你转完格式之后还需要修剪尺寸，图片转换工具和裁切工具之间支持互相跳转，转完之后接着就能裁。

图片裁切：输入数值与方向键微调

顺着图片处理的流程，图片裁切工具也做了一批细化。

现在你可以直接在输入框里输入宽高数值；要是边缘还差了一点点，还可以用键盘的方向键去做像素级的微调。

在处理细节要求高的图片时，预览区域现在支持缩放查看，方便看清边界有没有选准。如果裁切完成后你选择导出为 JPEG 格式，这里同样可以自己选择透明部分的底色，避免背景又被随意填满。

Markdown 转 PDF：规范排版与防范风险

在文档处理方面，这两个月打磨的另一个工具是 Markdown 转 PDF。

这次主要调整了排版和规范的细节：文档里的任务列表，现在会严格按照 GitHub 的规范渲染成勾选框；在语法规则上，我也提供了 CommonMark 和 GitHub 两种写法规则供你选择，平时习惯哪种写法规则，就按哪种规则来转换。

在调整这个工具的时候，我还顺手修掉了一个预览里的安全问题。为了防止 XSS 跨站脚本带来的安全风险，我引入了 DOMPurify 来清洗转换的内容，保证预览时的安全。

工具站拼的从来不是数量

除了上面这几个具体的工具，整站的基础体验我也做了一些修补。比如之前页面在加载的时候，布局偶尔会出现跳动，现在把这个问题修掉了，页面加载时布局不再跳动；另外，工具箱和我其他产品之间的导航栏也统一了，来回切换时更加自然。

做独立开发，我越来越觉得：工具站拼的不是数量，而是每个工具用起来，有没有一个让你皱眉的地方。如果一个工具在点下转换的那一刻把底色弄坏了、把帧数弄丢了还不说一声，那它功能再多也称不上好用。把这些让人皱眉的小别扭一点点修好，工具才能真正顺手。

如果你平时需要转图片格式、裁图，或者把 Markdown 转成 PDF，欢迎收藏 tools.meathill.com。在实际用的时候如果遇到了别扭的地方，欢迎随时告诉我。