· 约 4 分钟4 min read

图片发出去之前:压缩、改尺寸、转格式、加个边框Before you send an image — compress, resize, convert, frame

一张手机原图动辄四五 MB,微信会替你压、邮件会替你拦,最后到对方手里什么样,你其实控制不了。不如自己先压一遍。A phone photo is four or five megabytes; WeChat compresses it, email rejects it, and what the other side finally sees is out of your hands. Better to do it yourself first.

The note itself is written in Chinese — the English title and summary above are for orientation.

手机拍照默认把「尽可能多」塞进文件里:四五 MB 一张很正常。这个体积在相册里没感觉,一旦要发出去就开始碍事——邮件附件超限、网页加载慢、后台上传被拒。

更麻烦的是,很多平台会替你压。压成什么样、什么时候压、压完还清不清楚,你都不知道。与其把这一步交给别人,不如自己先做一遍。

顺序有讲究:先改尺寸,再压缩

这是最容易搞反的一步。图片处理里,「改尺寸」是有损的(要重采样),「压缩」也是有损的(要重编码)。做两次就是损失两次。

所以顺序应该是:

  1. 先裁剪/改尺寸到实际需要的像素;
  2. 再压缩到可接受的体积;
  3. 最后才转格式。

改尺寸按宽度或百分比缩放,保持长宽比——网页配图常见 1200px 宽,头像 400px,公众号封面 900×383。把一张 4000px 宽的图直接压到 300KB,和先缩到 1200px 再压到 300KB,观感差得很远。

压缩:滑块拉到哪里算合适

压缩工具给的是实时反馈:拖动强度,体积立刻变。判断标准不是「压到多小」,而是「在这个尺寸下还看不看得出」。

经验值:在手机屏幕上,300KB 以内的 JPG 几乎看不出差别;要打印或者放大看,就别压太狠。

格式上,JPG 适合照片,WebP 通常还能再小 20%–30%,PNG 留给需要透明的图。这里有个坑:透明 PNG 转成 JPG 会变成白底,如果图要用在深色背景上,转之前先想清楚。

边框:让截图看起来像「一张图」

截图直接贴进文章里,边缘和正文糊在一起,看着很糙。加一圈内边距和圆角,视觉上就「立」起来了。

这事听起来像装饰,其实是排版:同样一张图,加了边框的那张,读者更容易分辨哪里是界面、哪里是正文。

证件照:这类图尤其不该上传

证件照是少数「必须按规格来」的图片:一寸 295×413、二寸 413×579,头要占画面一定比例,背景要纯色。

以前的做法是找在线工具:上传一张正脸照,换背景、改尺寸、下载。上传这一步就很别扭——正脸照加上身份信息,交给一个不知道会存多久的服务器。

现在的做法是把它放在浏览器里跑:人脸检测和人像抠图都在本机完成,模型第一次加载要下载几 MB,之后就走缓存。跑得慢一点,但那张照片一次都没离开过这台机器。

一个自检习惯

处理完不要只看缩略图。点开原尺寸看一眼:发丝边缘有没有毛、文字有没有糊、透明区域有没有变成白块。这三处是最容易露馅的地方。

返回笔记Back to notes

相关笔记Related notes

全部笔记All notes »

一份 PDF 的最后一公里:合并、盖水印、签字、转图The last mile of a PDF — merge, watermark, sign, export

合同、扫描件、报价单凑成一份发出去,真正麻烦的从来不是「生成 PDF」,而是最后那几步:顺序、页码、水印、签名,还有对方到底能不能打开。Merging a contract, a scan and a quote into one file is easy; the last mile — order, page numbers, watermark, signature, and whether the other side can even open it — is the part that bites.

视频不上传也能剪:截取、等分、取封面、静音Editing video without uploading — trim, split, grab a frame, mute

想留孩子说的一句话、想把会议结论那三分钟单独发给同事,打开剪辑软件太重,找在线工具又要先上传。其实这四件事在浏览器里就能做完。Keep the one funny line your kid said, send the three minutes of conclusions to a colleague — a full editor is too heavy, and online tools want an upload first. These four jobs can be done in the browser.

做了十几年开发,为啥要做知新阁A decade of writing software — and why Zhixin Ge exists

这几年工具变聪明得有点吓人,代价是我交出去的东西前所未有地多。外面又很吵。干这行十几年,见过太多系统在后台安安静静地攒着用户的东西——所以我想要一块属于自己的、安静且加密的角落。Tools have become clever in an unsettling way, and the price is that I hand over more than ever. It is loud out there, too. After a decade in this trade, I have seen too many systems quietly hoarding what people give them — so I wanted one small, quiet, encrypted corner of my own.