fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

Squoosh
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://squoosh.app/
GitHub:https://github.com/GoogleChromeLabs/squoosh
网站描述:超强的在线压缩图片工具

Squoosh 是谷歌推出的一款在线图像压缩工具,可帮助网站开发人员快速压缩图片,在保持图片质量的同时,提升网站访问速度。

Squoosh 使用起来也非常简单,在浏览器中打开页面后,可点击选择或直接往里面拖图片,在左下方可选择想要生成的图片格式,右下方选择图片质量,再下载即可。

Squoosh中文地址:https://squoosh.net/

开启 squoosh 的页面,就可以上传图片了。随后,squoosh 就会呈现出原图和压缩后图片的实时预览对比,在这个页面中,有很多细调选项,例如可以调整尺寸,调整图片压缩的格式以及强度质量等等。其中最重要的,当然就是 "Compress" 的压缩类型了。  


使用

我们去Github把代码下载下来,解压源代码,进入到源码根目录,安装依赖包。

npm install

安装过程可能会因为网络原因安装失败,这里是用 nrm 来替换镜像源。

然后执行编译。

npm run build

最后,执行运行命令:

npm run dev

因为我用的是Windows,执行 npm run dev 会报错,所以,就修改了 package.json 的内容,将:

"scripts": {
   "build": "rollup -c && node lib/move-output.js",
   "debug": "node --inspect-brk node_modules/.bin/rollup -c",
   "dev": "DEV_PORT=\"${DEV_PORT:=5000}\" run-p watch serve",
   "watch": "rollup -cw",
   "serve": "serve --listen=$DEV_PORT --config ../../../serve.json .tmp/build/static",
   "prepare": "husky install"
 },

改为:

"scripts": {
   "build": "rollup -c && node lib/move-output.js",
   "debug": "node --inspect-brk node_modules/.bin/rollup -c",
   "dev": " run-p watch serve",
   "watch": "rollup -cw",
   "serve": "serve --listen=5000 --config ../../../serve.json .tmp/build/static",
   "prepare": "husky install"
 },

如果是 Linux ,则不需要做如上的调整。

链接: https://fly63.com/nav/1855

more>>
相关栏目
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
阿里云DataV
地图数据
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
易文档
需求文档、API文档、部署文档到使用手册
官网
mdx-deck
基于MDX的演示文稿
官网GitHub
YouCompress
在线免费文件压缩工具
官网
iHateRegex
快速搜索并匹配到合适的正则表达式
官网GitHub
Trilium Notes
层级结构的笔记程序,专注构建个人的大型知识库
点击进入GitHub
CodeZen
在线源代码转图片工具
官网
pngtosvg
在线PNG转SVG转换工具
官网
PDFgear
高效的 PDF 在线工具
官网
HackMD
一款超级好用的在线Markdown编辑器
官网GitHub
Hexnaw
在线网站配色评分工具
官网
糯词笔记
最佳读书笔记管理工具
官网
压缩图
在线图片压缩工具集合
官网
VectorCreator
简报插图创作工具
官网

手机预览