当前位置:首页 > 网站应用

轻图压缩网页版上线,这下可以随时随地在线压缩图片了

cjw1231周前 (08-11)网站应用300

平时写博客,我总需要先压缩配图、然后再上传。我之前常用在线工具 Squoosh,压缩效果很不错,但它一次只能处理一张图片,如果一有多张图片,逐一上传调整参数,实在太折磨人。

于是,我借助 AI,基于 squoosh 开源的代码制作了自己的专属工具 —— 轻图压缩。它是一个免费的在线图片压缩工具,主要解决批量处理的问题,同时把我不常用的功能尽量删掉,让其更加简洁易用。

使用地址:

https://pic.kuzhan.cc/

1_轻图压缩.jpg

核心亮点

从导入到下载,一次处理完

批量处理是和 squoosh 最大的区别。

你可以一次性拖入多张图片,它们将共用同一套输出格式、压缩质量和尺寸设置。修改参数后,整个队列会自动重新处理,无需挨个调整。

页面左侧是图片队列,中间是实时预览面板,右侧则是统一的参数设置区。处理完毕后,单张图片点击即可下载;多张图片则会自动在浏览器内打包成 ZIP 文件。输出文件名还会贴心地自动加上 _轻图压缩 后缀,避免与原图混淆或误覆盖。

易用,本地。

虽然轻图压缩是一个在线工具,但所有工作——图片的读取、解码、缩放、压缩和 ZIP 打包都在用户自己的浏览器中完成。整个过程无需下载安装包,不用注册登录,用完即走。

首次完整打开网站并看到离线完成提示后,页面、编码器和必要文件会被缓存到浏览器中。之后即使断开网络,仍然可以打开,继续压缩、调整尺寸和下载图片的功能。

图片绝不会上传到服务器,也不会接收图片数据。无论是处理普通风景照还是私密的截图,都完全没有隐私泄露的顾虑。

极简的使用流程

总结下来,使用上基本只需要三步,其余工作全由网页自动完成:

打开网站,待网站加载完成,选择或将多张图片拖进网页;

调整你需要的格式、压缩质量以及尺寸边界;

在预览窗口确认效果后,点击右上角的下载按钮。

小结

做这个站的初衷很简单,就是想找一个顺手的批量图片压缩工具。既然现在有 AI 可以帮忙写代码,而我常用的 squoosh 工具又是开源的,干脆就照着自己的需求定制了一个。

它目前的功能不算多,但批量压缩、格式转换、等比例缩放和 ZIP 下载都已经够我日常使用。

如果你也偶尔也有压缩图片的需求,可以直接打开试试看。使用过程中遇到问题,或者觉得某个设置不太合理,也欢迎在评论区告诉我 。


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

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://www.cjw123.com/blog/?id=180

分享给朋友:

相关文章

网站调整公告

        网站开通了也有三年多了,网站也进行了多次的改版,昨天是我生日嫌着没事在家里把网站再进行了一次改版,当大家再次访问网站时,网站已经换上了全新的衣裳,这次的改版也将意味着我自己也会以一个全新的面貌展现,在我过去的一岁里…

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot…

css3动画实现滚动字,类似航班信息,超出滚动,不超出不滚动

文字走马灯,手机的弹幕等等。js可以动态的计算宽度,但js做动画需要定时器,很不方便。其实就是里外容器对向滚动,滚动的值为里外容器宽度的差值,如果里容器与外容器等宽,那么差值就为0,视觉上是没有滚动的,就像第一条数据;如果里容器宽度比外容器宽,里容器向左滚动的距离比外容器向右滚动的距离大,就会形成滚…

纯css实现弹出图层背景变灰特效

<style> .bg{position:absolute;z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height…

html中表table行循环滚动,类似车次、航班动态

<HTML> <meta charset="utf-8"> <HEAD> <TITLE>滚动表格</TITLE> <!--css样式是锁定表头不动的--> <style>&nb…

滚动文字消息代码

网上收集的滚动文字消息代码<!DOCTYPE html>     <html>     <head>     <meta&…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。