当前位置:首页 > 前端开发 > 正文内容

一款免费开源的在线图片压缩工具

邻居的猫1个月前 (12-09)前端开发1604

我们好,我是 Java陈序员

咱们在日常的日子中,因为一些图片太大,导致上传不了到一些网站,需求进行紧缩!

今日,给我们介绍一款免费开源的在线图片紧缩工具,支撑独立布置!

重视微信大众号:【Java陈序员】,获取开源项目共享、AI副业共享、超200本经典计算机电子书籍等。

项目介绍

Pic Smaller —— 一款超级好用的在线图片紧缩工具,根据 Vite + React 完成,直观、移动友爱,而且支撑紧缩装备。

一起,因为是纯本地紧缩,没有任何服务器端逻辑,因而彻底安全!

功用特征:

  • 智能紧缩 JPEG、PNG、WEBP、AVIF、SVG 和 GIF 图画
  • 支撑批量、文件夹增加
  • 各种紧缩装备
  • 支撑比对紧缩作用
  • 支撑国际化多语言

项目截图

快速上手

1、拉取代码

git clone https://github.com/joye61/pic-smaller.git

2、进入目录

cd ./pic-smaller

3、装置依靠

npm install

4、运转发动

npm run dev

5、打包构建

npm run build

Docker 布置

假如想在自己的服务器上独立布置这个项目,Pic Smaller 在项目根目录下供给了 Dockerfile 脚本,能够运用 Docker 进行布置。

1、构建镜像

docker build -t picsmaller .

2、发动容器

docker run -p 3001:3001 -d picsmaller
项目地址:https://github.com/joye61/pic-smaller
在线体会:https://picsmaller.com/

最终

引荐的开源项目现已收录到 GitHub 项目,欢迎 Star

https://github.com/chenyl8848/great-open-source-project

或许拜访网站,进行在线阅读:

https://chencoding.top:8090/#/

我们的点赞、保藏和谈论都是对作者的支撑,如文章对你有协助还请点赞转发支撑下,谢谢!

扫描二维码推送至手机访问。

版权声明:本文由51Blog发布,如需转载请注明出处。

本文链接:https://www.51blog.vip/?id=448

标签: Github
分享给朋友:

“一款免费开源的在线图片压缩工具” 的相关文章

日常工作中需求防止的9个React坏习惯

日常工作中需求防止的9个React坏习惯

前语 React是前端开发范畴中最受欢迎的JavaScript库之一,但有时分在编写React应用程序时,或许堕入一些欠安的习气和错误做法。这些欠安的习气或许导致功用下降、代码难以保护,以及其他问题。在本文中,咱们将讨论日常作业中应该防止的9个坏React习气,并供给相关示例代码来阐明这些问题以及怎...

vue-cli,前端开发的得力助手

vue-cli,前端开发的得力助手

Vue CLI 是一个基于 Vue.js 的官方命令行工具,用于快速创建和管理 Vue 项目。以下是关于 Vue CLI 的基本信息、安装和使用指南: Vue CLI 基本信息Vue CLI 是一个用于 Vue.js 项目的完整系统,提供了交互式脚手架、零配置原型、运行时依赖和丰富的插件。它可以帮助...

css3网页设计,CSS3简介

CSS3 是一种样式表语言,用于描述 HTML 或 XML(包括如 SVG、MathML 等XML方言)文档的呈现。它是 CSS(层叠样式表)技术的最新版本,提供了更多的样式和布局控制,使网页设计更加灵活和强大。CSS3 引入了许多新特性,如圆角、阴影、动画、过渡效果、媒体查询等,这些特性使得网页设...

html多行文本框

html多行文本框

HTML多行文本框:提升网页交互体验的关键元素在网页设计中,多行文本框是一个不可或缺的元素,它允许用户输入大量的文本信息,如文章、评论、反馈等。HTML多行文本框不仅能够提升网页的交互性,还能为用户提供更加便捷的输入体验。本文将详细介绍HTML多行文本框的使用方法、属性设置以及在实际应用中的技巧。...

css压缩, 什么是CSS压缩?

css压缩, 什么是CSS压缩?

CSS压缩是一种优化网页性能的技术,通过删除CSS文件中的空白字符、注释、换行符等,来减少文件大小,从而加快网页加载速度。压缩后的CSS文件仍然保持原有的功能,但体积更小,传输更快。压缩CSS的方法有多种,包括手动压缩和自动压缩。手动压缩需要手动删除文件中的空白字符和注释,而自动压缩可以使用CSS压...

html课程表代码

html课程表代码

创建一个HTML课程表通常涉及到使用表格(``)元素来组织数据。下面是一个简单的HTML课程表示例,展示了如何使用``、``(行)、``(表头)和``(单元格)来构建课程表:```html课程表 table { width: 100%; bordercollapse: collapse...