TinyPNG 是一款面向 WebP、PNG 和 JPEG 图片的在线压缩工具,官网提供拖放式网页界面,也支持通过 Developer API、WordPress、Magento 以及 Photoshop 插件处理图片。它使用智能有损压缩技术,通过选择性减少图片中的颜色来降低文件大小,同时尽量保持肉眼难以察觉的视觉差异。对于需要降低网站带宽占用、缩短图片加载时间,或需要批量处理透明 PNG、JPEG 与 WebP 图片的用户,TinyPNG 提供了从网页上传到开发接口的多种路径。
核心功能
WebP、PNG 与 JPEG 压缩
TinyPNG 可以处理 WebP、JPEG 和 PNG 图片。对 PNG 图片,服务会合并相似颜色,将 24 位 PNG 转换成更小的 8 位索引颜色图像,并丢弃不必要的元数据。官网说明,处理后的 PNG 仍支持 100% 透明度,同时能够显著减小文件体积。
拖放式批量上传
网页端支持将图片直接拖放到上传区域,一次最多处理 20 张图片,单张图片大小上限为 5MB。Web Pro 用户可以使用拖放界面上传超过 20 张图片,并将单文件限制提升到 75MB。基础网页上传和 Pro 网页界面都围绕拖放操作展开,适合快速完成图片压缩。
图片格式转换
官网介绍了新的 API 功能,可将图片转换为其他格式,包括 WebP、JPG 或 PNG。该能力面向需要在不同图片格式之间转换的使用场景,转换功能的信息出现在 Developer API 相关说明中。
透明图片与动画 PNG 支持
TinyPNG 针对透明 PNG 的处理会保留透明效果,官网还说明生成的文件可在现代浏览器中显示,包括移动设备。对于 APNG,Chrome、Firefox、Safari 和 Microsoft Edge 均支持该格式,而 Internet Explorer 不支持 APNG。
压缩效果对比与文件优化
官网给出了透明 PNG 的对比示例:原始文件为 57 KB,压缩后的文件为 15 KB;示例图片文件大小缩小了超过 70%。压缩后的图片可用于减少网站带宽占用并改善加载速度,官网将其定位为网站和应用中的图片优化方案。
Photoshop 工作流
TinyPNG 提供 Photoshop 插件,可在 Photoshop 中直接缩放、预览并保存压缩后的 PNG 和 JPEG 图片。官网还说明,用户可以先使用“保存到 Web 格式”导出 24 位透明 PNG,再上传到 TinyPNG,由服务转换成更小的索引 PNG 文件。插件适用于希望在图像编辑流程中完成压缩的用户。
使用方式
最直接的方式是打开网页,将 WebP、JPEG 或 PNG 图片拖放到上传区域;普通上传一次最多 20 张、单张最大 5MB。需要处理更多图片的用户可以订阅 Web Pro,获得不限量压缩和超过 20 张的拖放上传能力。使用 WordPress、Magento 或 Developer API 的用户可以升级账户以压缩更多图片。Photoshop 用户则可以安装 TinyPNG Photoshop 插件,在 Photoshop 内完成缩放、预览与保存。官网还提供图片格式转换 API 的说明。
适用人群与场景
网站开发者可以压缩用于站点和应用的 PNG、JPEG 与 WebP 图片,以减少带宽占用并缩短加载时间。需要处理透明素材的设计师可以利用 PNG 的透明度保留能力,并通过 Photoshop 插件在编辑流程中压缩和保存。使用 WordPress 或 Magento 的站点维护者可通过相应集成处理更多图片。需要自动转换格式或批量接入图片处理流程的开发者,则可以参考 Developer API。
定价
Web Pro 按用户按年订阅,价格为每位用户 39 美元,支持随时取消。该方案包含一年不限量图片压缩、拖放上传超过 20 张图片、将单文件限制从 5MB 提升到 75MB,以及 Analyzer 工具的详细统计。用户可以个人注册,也可以与整个团队一起注册。
注意事项
官网表示 TinyPNG 面向支持 HTML5 和 CSS3 的现代浏览器创建,其他浏览器未经测试,可能无法正常工作。Internet Explorer 不支持 APNG;不同 Photoshop 版本对带 Alpha 透明度的索引 PNG 支持也不同,官网明确提到 Photoshop CC 2015、2017 和 2018 可以保存此类文件,而 Photoshop CS5 不能正确显示这些图片。