首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS 图片压缩

    前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,...文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?...压缩思路 涉及到 JS 的图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成...base64 格式 base64 编码的图片通过 Canvas 转换压缩,这里会用到的 Canvas 的 drawImage 以及 toDataURL 这两个 Api,一个调节图片的分辨率的,一个是调节图片压缩质量并且输出的...总结 本文仅针对图片压缩介绍了一些思路,简单的使用场景可能如下介绍,当然也会引申出来更多的使用场景,这些还有待大家一起挖掘。

    25.8K21

    Linux压缩打包介绍,gzip压缩工具,bzip2压缩工具,xz压缩工具

    笔记内容: l 6.1 压缩打包介绍 l 6.2 gzip压缩工具 l 6.3 bzip2压缩工具 l 6.4 xz压缩工具 笔记日期:2017.8.5 6.1 压缩打包介绍 ?...注意:gzip不能压缩目录 6.3 bzip2压缩工具 ? 这个bzip工具比起gzip来说,要压缩得更狠一些,也就代表着耗费的cpu资源更多,而且这两个工具压缩算法不一样。...xz压缩工具和之前的两个压缩工具的用法也差不多,但是并不经常使用,但是在常用的tar包里面,会经常看到后缀为tar.xz的压缩包,所以此工具也是要了解一下的。   压缩示例: ?...从压缩的结果可以看出,这个xz工具对文件的压缩比前两个工具更狠,直接压缩到几十k了,相应的更耗费cpu资源。...同样的xz工具也有压缩级别,可以指定压缩的级别,也是1-9的压缩级别,默认的压缩级别是6。 解压缩示例: ? ? 可以加-c选项指定压缩文件的存放路径: ? 解压也可以这么做: ?

    2K20

    使用uglifyjs压缩js

    在做的web项目上线时,我们需要对js文件进行压缩,以减小文件的体积,加快加载速度,提高响应时间。下面我来介绍一个js压缩工具:uglifyjs。...最简单的使用方式: uglifyjs main.js -o main-min.js -c 下面是一些压缩时常用的参数 一些常用的参数列表 -o,--output 指定输出文件,默认情况下为命令行...懒人有懒法,花了点功夫,折腾了一个批处理文件,以后,想要压缩JS,只要双击运行这个.bat文件就可以了!...完整代码如下: @echo off :: 设置压缩JS文件的根目录,脚本会自动按树层次查找和压缩所有的JS SET JSFOLDER=C:\Users\Administrator\Desktop\formini...然后双击就可以批量使用uglifyjs压缩JS文件啦! 注意:uglifyjs不支持ES6

    5.7K20

    杨小杰站长之家工具箱1.3

    杨小杰站长之家工具箱1.3的介绍: 1、优化bug 2、整合小杰工具箱 3、新增功能:贴吧云签到 域名防红工具 网站略缩图 免费电影解析 子域名爆破等等 4、内置两个休闲游戏...杨小杰站长之家工具箱1.2的介绍: 首先由于昨天忘记保存1.1版本的源码,所以今天又全部重新编写 1.1版本中其他工具有不能点击的已经修复 1.2版本加入了自动获取云端最新版本...状态栏网站地址的获取 已加入杨小杰专属签名证书 杨小杰站长之家工具箱1.1的介绍: 此次主要优化界面,不再是丑陋的键钮!...简单大方,无毒无害是我做这款工具箱的初衷! 杨小杰站长之家工具箱1.0的介绍: 集成了站长之家手机版24项功能! 使用24个按钮实现24个窗口以及24个浏览器的切换与使用!...小杰站长之家

    84350

    CSS 和 JS 合并压缩工具 Minify 及其 WordPress 插件

    网站性能优化是一个永恒的话题,前面我已经介绍了 WordPress 后端性能优化的一系列方法,下面讲解下 Web 前端的性能优化,其中最重要是减少 HTTP 请求和压缩文件的大小,今天来介绍下使用 Minify...来合并和压缩 CSS 和 JavaScript 文件, Minify 介绍 Minify 是一个使用 PHP5 开发的应用,可以帮你合并以及压缩 CSS 和 JS 文件, 通过遵循一些 YSlow 的优化规则来提高网站的性能...它会合并多个CSS 或者 JavaScript 文件,移除一些不必要的空格和注释,进行 gzip 压缩,并且会设置浏览器的缓存头。...b=js&f=jquery-a.js,jquery-b.js,jquery-c.js。...和 CSS 分别一个),并且自定 Gzip 压缩

    2.3K10

    杨小杰站长之家工具箱1.2

    又经过一天不懈的努力,完成了站长之家工具箱1.2的编写 杨小杰站长之家工具箱1.2的介绍: 首先由于昨天忘记保存1.1版本的源码,所以今天又全部重新编写 1.1版本中其他工具有不能点击的已经修复...1.2版本加入了自动获取云端最新版本 状态栏网站地址的获取 已加入杨小杰专属签名证书 杨小杰站长之家工具箱1.1的介绍: 此次主要优化界面,不再是丑陋的键钮!...也不再是成群的窗口,只调用一个浏览器,让工具箱更加流畅! 工具箱的分类也做的很完美了,包括四大项(SEO查询,网站信息查询,域名/IP查询,以及其他工具)!...简单大方,无毒无害是我做这款工具箱的初衷! 杨小杰站长之家工具箱1.0的介绍: 集成了站长之家手机版24项功能! 使用24个按钮实现24个窗口以及24个浏览器的切换与使用!...站长之家1.2

    78150

    百度站长工具和 360 站长平台自动推送代码如何安装使用

    百度站长工具有一个自动推送功能,站长需要在网站每个页面的 HTML 代码中包含自动推送 JS 代码,这样每次网页被访问的时候,会触发代码自动向百度推送你的网页,加速网页收录速度、提高网页收录数量。...百度站长工具提供了多种提高收录的方式,其中最省事方便的就是自动推送功能。...官方介绍的方法如下: 如果站长使用 PHP 语言开发的网站,可以按以下步骤操作: 1、创建名为“baidu_js_push.php”的文件,文件内容是下面自动推送 JS 代码; (function...(“script”)[0]; s.parentNode.insertBefore(bp, s); })(); 以上是百度站长工具的自动推送代码。...最后等待几天再去百度站长工具和 360 站长工具查看自动推送的收录情况,如果都有一定幅度增长,那么就是成功了,同时也实现了全站 https。

    2.8K50

    推荐三款站长喜爱的FTP连接工具

    对于站长来说,很多情况下都会使用FTP工具,我们也知道ftp工具主要用于将文件上传到服务器上。但是一些ftp在传送文件时是不稳定的。那什么是ftp工具起作用的呢?...今日小编就为各位站长推荐三款站长喜爱的ftp工具。 01 FileZilla FileZilla是一个快速、可靠的FTP客户机,也是一个服务器端的开放源代码程序,具有许多特性,直觉性强的界面。...可控、有序的界面,以及管理多站点的简单方法,使Filezilla客户端成为了一个方便有效的FTP客户端工具。...可控、结构化的界面以及管理多站点的简单方式使Filezilla客户端成为一个方便有效的FTP客户端工具,而FileZillaServer则是一款小型且可靠的支持FTP&SFTP的FTP服务器软件。

    6.8K20

    详解 JS 压缩图片

    插播一下,本文案例已整理成插件,已上传 npm ,可通过 npm install js-image-compressor -D 安装使用,可以从 github 下载。...JavaScript 操作压缩图片原理不难,已有成熟 API,然而在实际输出压缩后结果却总有意外,有些图片竟会越压缩越大,加之终端(手机)类型众多,有些手机压缩图片甚至变黑。 ?...如果你有足够的耐心多传几种类型图片就会发现还存在如下问题: 压缩输出图片寸尺固定为原始图片尺寸大小,而实际可能需要控制输出图片尺寸,同时达到尺寸也被压缩目的; png 格式图片同格式压缩压缩率不高,还有可能出现...,压缩率不高,还有可能出现“不减反增”现象 一般的,不建议将 png 格式图片压缩成自身格式,这样压缩率不理想,有时反而会造成自身质量变得更大。...将改进版图片压缩整理成插件,已上传 npm ,可通过 npm install js-image-compressor -D 安装使用,可以从 github 下载。 整理匆忙,如有问题欢迎大家指正,完~

    12.7K31
    领券