03 个工具
图片
在本地压缩、缩放和检查图片。
01图片压缩在浏览器里压缩 JPG、PNG、WebP 图片：设置最大宽度与质量即可下载，原图不会上传到任何服务器。→02图片缩放拖入图片，设置宽高，下载缩放后的版本。文件不会离开你的设备。→03图片转 Base64把小图转成 data URI，可直接粘进 CSS 或 HTML。同时告诉你编码后大了多少。→
浏览器能对图片做什么，不能做什么
这里的工具都走 canvas 和 Blob 接口，也就是说计算发生在你自己的机器上：解码文件、按新尺寸或新质量重绘、再编码回去。这套流程对缩放和有损压缩很够用。它做不到的是无损优化——剔除元数据字节、重排 PNG 调色板、选最优的霍夫曼表。这些交给 pngquant、jpegoptim 这类命令行工具，永远比浏览器做得好。
怎么选格式
照片用 JPEG 或 WebP。截图、图表以及任何带文字或锐利边缘的图，用 PNG 或 WebP 无损——只要 JPEG 的质量压到值得用的程度，字形周围就一定会出现可见的振铃。几 KB 以内的图标，直接内联成 SVG 或 Base64 往往比多一次请求更划算。
最省字节的处理顺序
先裁切，再缩放，再压缩，最后清元数据。顺序反过来，等于在压缩那些马上要被丢掉的像素。