ARTICLE DETAIL

资讯详情

深耕编程入门与网站建设的一线实战洞察。

自己搭一个图片压缩工具:Pic Smaller本地处理、多格式转换与远程访问

自己搭一个图片压缩工具:Pic Smaller本地处理、多格式转换与远程访问 前言把一张图片拖进 Pic Smaller 以后有个细节我觉得比“能压缩多少”更值得关注整个压缩过程可以直接在浏览器本地完成。也就是说原图不需要先传到某个在线压缩网站的服务器再等对方处理完以后下载回来。对于普通风景照这种区别可能感觉不大但如果处理的是工作截图、设计稿、证件资料或者不太希望随便上传的图片本地处理这件事本身就很有价值。Pic Smaller 是一个开源图片压缩项目功能并不复杂打开页面以后把图片拖进去就可以直接进行压缩。除了常见的 JPG、JPEG、PNG 和 WEBP它还支持 GIF、SVG、AVIF 等格式并且可以在压缩时调整输出格式。对我来说它更像一个专门解决“图片太大但又不想为了压缩装一套大型软件”的小工具。这次我没有只把它当成一个现成网页来用而是把项目源码拉到了自己的设备上运行。本地部署需要先准备 Node.js然后从 GitHub 克隆项目进入目录执行npm install安装依赖再通过npm run dev启动。页面能够正常打开以后图片压缩、格式转换这些功能就已经可以使用了。如果不想直接维护 Node.js 环境也可以进一步做成 Docker 容器。原文给出的方式是先构建picsmaller镜像再把容器端口映射出来。这样放到 NAS、家庭服务器或者一台长期在线的小主机上就能把它变成一个属于自己的图片处理页面。这也是我觉得 Pic Smaller 比单纯收藏一个在线压缩网站更有意思的地方。它本身做的事情很小压缩图片、转换格式没有复杂的账号体系也没有一堆额外功能。但正因为足够简单反而很适合放进自己的工具箱里。需要处理图片的时候打开页面用完就关不需要每次重新寻找哪个网站还能免费用。自己部署以后还有一个延伸玩法。如果 Pic Smaller 只在家里的 NAS 或服务器上运行那么默认只能在局域网中打开。本文后面使用 cpolar 给服务增加一个公网访问入口这样在公司、出差或者换一台设备时也可以继续打开自己部署的图片压缩页面。长期使用的话还可以配置固定二级子域名避免每次重新确认访问地址。所以这篇文章的重点不是单纯介绍“哪个网站压缩图片好用”而是把一个很轻量的开源工具真正放到自己的设备里图片在浏览器中完成处理需要时再从任何设备打开。对于经常整理网页素材、PPT 配图、社交平台图片或者网站资源的人这类小工具放在自己的服务器上反而比偶尔到处找在线网站更顺手。1.Pic Smaller是什么Pic Smaller是一款完全免费、无需安装、无需注册的在线图片压缩工具专为追求高效与画质的用户设计。无论你是需要优化网页加载速度、压缩社交平台配图还是减小工作文档中的图片体积Pic Smaller都能一键搞定。核心亮点✅极速压缩上传即处理1 秒完成“瘦身”✅智能保真采用先进算法在减小文件大小的同时最大限度保留清晰度避免模糊、色块或失真✅支持多格式JPEG、PNG、WebP等主流图片格式通通兼容✅隐私安全所有压缩过程在浏览器或服务器端自动完成图片不会被存储或泄露建议查看其隐私政策确认✅零门槛使用打开网页 → 拖入图片 → 下载结果三步搞定小白也能轻松上手适用场景微信/小红书/微博等平台发布前优化制作PPT、简历、PDF时减小文件体积网站开发者快速压缩素材提升加载速度日常聊天、邮件发送高清但轻量的图片无需下载软件不花一分钱Pic Smaller让高质量图片压缩变得简单又高效——真正做到了“轻图不轻质快压不模糊”2.在本地部署Pic Smaller2.1部署前提安装Node.js访问Node.js官网下载推荐版本。按照电脑上的步骤完成安装。要验证安装情况打开命令提示符并执行以下命令。如果输出了版本说明你成功安装了Node.js。node-v2.2开始部署从GitHub克隆项目源码gitclone https://github.com/joye61/pic-smaller.git切换到当前工作目录cd./pic-smaller安装项目依赖npminstall启动开发模式:npmrun dev可以根据上面网址打开网站可以打开就代表安装成功~如果你想在自己的服务器上独立部署这个项目也可以使用docker一键部署dockerbuild-tpicsmaller.dockerrun-p3001:3001-dpicsmaller2.3简单使用Pic Smaller无需复杂设置拖拽图片自动瘦身压缩后细节依然清晰锐利。多格式自由转换支持JPG、JPEG、PNG、WEBP、GIF、SVG、AVIF格式图片压缩。支持压缩输出图片格式自由转换。所有操作均在本地浏览器完成绝不上传服务器压缩后的图片可直接下载原图自动销毁隐私零泄露~Pic Smaller本身是一个优秀的开源图片压缩工具但默认仅支持本地或局域网访问。如果你希望将它部署在NAS或家庭服务器上并实现随时随地通过公网安全访问这时就可以借助cpolar—— 一款简单高效的内网穿透工具。通过cpolar只需一条命令就能将运行在内网的Pic Smaller服务映射到公网生成一个HTTPS加密的可访问链接让你无论在家、出差还是在外都能快速打开自己的私有图片压缩站既保护隐私又享受便利。3.安装cpolar实现随时随地开发cpolar可以将你本地电脑中的服务如 SSH、Web、数据库映射到公网。即使你在家里或外出时也可以通过公网地址连接回本地运行的开发环境。❤️以下是安装cpolar步骤使用一键脚本安装命令sudocurlhttps://get.cpolar.sh|sh安装完成后执行下方命令查看cpolar服务状态如图所示即为正常启动sudosystemctl status cpolarCpolar安装和成功启动服务后在浏览器上输入虚拟机主机IP加9200端口即:【http://localhost:9200】访问Cpolar管理界面使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可打开浏览器访问本地9200端口使用cpolar账户密码登录即可,登录后即可对隧道进行管理。4.配置公网地址登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道隧道名称可自定义本例使用了:pic注意不要与已有的隧道名称重复协议http本地地址3000域名类型随机域名地区选择China Top创建成功后打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址接下来就可以在其他电脑或者移动端设备异地上使用地址访问。访问成功。5.保留固定公网地址使用cpolar为其配置二级子域名该地址为固定地址不会随机变化。点击左侧的预留选择保留二级子域名地区选择china Top然后设置一个二级子域名名称我这里演示使用的是picc大家可以自定义。填写备注信息点击保留。登录cpolar web UI管理界面点击左侧仪表盘的隧道管理——隧道列表找到所要配置的隧道picc点击右侧的编辑。修改隧道信息将保留成功的二级子域名配置到隧道中域名类型选择二级子域名Sub Domain填写保留成功的二级子域名地区: China Top点击更新更新完成后打开在线隧道列表此时可以看到随机的公网地址已经发生变化地址名称也变成了保留和固定的二级子域名名称。最后我们使用固定的公网地址在任意设备的浏览器中访问可以看到成功访问本地部署的页面啦这样一个永久不会变化的二级子域名公网网址即设置好了。总结Pic Smaller 做的事情其实很单一就是压缩图片和转换格式但这种工具反而很适合自己部署。平时不需要复杂维护打开浏览器就能使用而且原文这套方案的图片处理可以在本地浏览器完成不必为了压缩一张图片先把原文件交给第三方服务器。Node.js 方式适合直接运行和调试Docker 则更适合放到 NAS 或长期在线的家庭服务器上。如果只在家里使用到这里其实已经够了需要在外面继续打开这个工具时再通过 cpolar 给服务增加公网入口长期使用可以进一步配置固定二级子域名。它当然不能代替 Photoshop 这类专业图像工具也不是为了做复杂后期。Pic Smaller 更适合处理一个很具体的问题图片体积太大需要快速压缩或转换格式。把这种经常会用到的小功能留在自己的工具箱里需要的时候随手打开反而就是它最合适的使用方式。
返回列表