引言
日常工作和生活中图片压缩已成为常见的需求。无论是为了节省存储空间,还是提高网站加载速度,一个有效的免费的图片压缩工具是不可或缺的。
什么是Squoosh
Squoosh,一款谷歌开源、免费的在线图片压缩工具,就是你的理想选择。
Squoosh有什么优点
1.Squoosh是一种图像压缩 Web 应用程序,用户可以通过简单的拖拽或者上传图片,使用 Squoosh 进行图片格式转换、压缩、重新调整大小等操作,Squoosh 的界面简洁明了,操作方便
2.图片处理主要在浏览器中完成的,图片不会上传到服务器
3.Squoosh 支持多种图片格式,并可以灵活调整压缩的质量,在调整图片参数后,用户可以实时预览图片的压缩效果,并与原图进行对比。这让用户在压缩图片的同时,能够充分了解压缩对图片质量的影响,用户可以根据自己的需求选择合适的压缩程度和格式。这对于需要将图片上传到网站、节省带宽或者快速分享的用户来说,非常实用
以下是如何在Mac、Windows、 Linux 和Docker容器中部署 Squoosh的详细步骤
在Mac、Windows、 Linux中安装squoosh
1. 获取 Squoosh 源代码
首先,你需要从 Squoosh 的 GitHub 仓库克隆源代码:
git clone https://github.com/GoogleChromeLabs/squoosh.git
考虑到很多人在国内从github拉取很慢,或总数失败,我将squoosh克隆到了国内gitee上,大家可以放心使用
git clone https://gitee.com/gongfuxiaomiantuan/squoosh.git
如果你电脑上没有装git命令,点击这个链接从git官网下载,win,linux,mac都支持
如果你有git,可以继续了
Tips: win用户在开始菜单搜索git,点击Git Bash,再进行代码拉去
2.安装依赖
进入 Squoosh 目录,并安装项目依赖。确保你的系统已经安装了 Node.js 和 npm:
cd squoosh npm install
如果报bash: npm: command not found,则需要安装Node.js,点击下面的链接下载对应的版本安装即可
最好配置npm国内源,npm install速度快
npm config set registry https://registry.npm.taobao.org
3.构建项目
npm run build
4.运行Squoosh
npm run dev
出现访问地址说明启动成功,如果你5000端口被占用,他可能会变成其他端口
5.访问 Squoosh
浏览器访问http://localhost:5000/
docker中运行Squoosh
1.创建一个 Dockerfile
文件
FROM node:16 # 创建工作目录 WORKDIR /usr/src/app # 克隆 Squoosh 源代码 #RUN git clone https://github.com/GoogleChromeLabs/squoosh.git . RUN git clone https://gitee.com/gongfuxiaomiantuan/squoosh.git . # 安装 Squoosh 依赖 RUN npm install # 构建项目 RUN npm run build # 暴露端口 EXPOSE 5000 # 运行 Squoosh CMD [ "npm", "run", "dev" ]
这个 Dockerfile
使用了 Node.js 16 的镜像,并克隆了 Squoosh 的源代码,然后安装依赖,构建项目,并在端口 5000 上运行它
2.构建容器
docker build -t squoosh .
3.运行 Squoosh 容器
docker run -p 5000:5000 squoosh > /dev/null 2>&1
4.访问 Squoosh
浏览器访问http://localhost:5000/
总结
Squoosh 是一款开源免费的在线图片压缩工具,可在各个主要操作系统和Docker容器中部署和运行。通过一个直观的用户界面,Squoosh 使得图像压缩和格式转换变得简单容易。用户可以通过拖放图片,并选择适合他们需求的压缩选项。对于那些希望减少文件大小、提高网站加载速度或快速分享图片的人来说,Squoosh 是一个极佳的解决方案。
该工具还支持多种图像格式,并提供了高级压缩设置,以满足专业用户的需求。无论你是一名设计师、开发人员还是普通用户,Squoosh 都提供了一站式的图像优化方案。其开源特性和跨平台兼容性确保了广泛的可访问性和灵活性,使其成为图像压缩的首选工具