Atitit js nodejs 图像处理压缩缩放算法 attilax总结

最新推荐文章于 2024-10-20 19:12:18 发布
原创 最新推荐文章于 2024-10-20 19:12:18 发布 · 2.7k 阅读 · 0
本文介绍了在Node.js中使用GraphicsMagick库进行图像处理和压缩的场景，包括为何需要压缩图片、选择Js和gm模块的原因，以及具体代码实现和使用时的注意事项。通过调整图片分辨率来压缩34M大小的图片至几百kb。文章还提供了安装和配置GraphicsMagick的步骤，以及示例代码。

Atitit js  nodejs 图像处理压缩缩放算法 attilax总结

 

1.1. 项目背景，图片体积太大。需要压缩 1

1.2. 语言选项，使用Js  使用gm模块 1

2. GraphicsMagick Image Processing System 1

2.1. code 2

2.2. 注意事项。使用im类库貌似比较麻烦，下载了几个都不是的。。不带cli接口。。Gm默认的也不带接口，要在官网下载的才带cli接口。。 3

 

 

1.1. 项目背景，图片体积太大。需要压缩

先看是否使用jpg压缩，图片已经是jpg压缩过了。这个思路只好放弃。

然后看是否可以使用减小分辨率压缩法。这个是可以的，预计可以吧34M大小的图片压缩到几百kb级别。。原来的图片有大几千到几万的像素宽高度。。

 

1.2. 语言选项，使用Js  使用gm模块

 

Java 使用imageio或者thumbnail也可以了。。

 

因为毕竟一个简单的缩放功能，所以使用大型库有点麻烦，就选择小型类库gm。。

 

 

下载gm

http://www.graphicsmagick.org/

2. GraphicsMagick Image Processing System

Current Release

1.3.25 (Released September 5, 2016) 
最低0.47元/天 解锁文章
attilax
关注
img-compare:Node JS 的独立图像比较
07-09
#img-比较 没有任何其他系统依赖性的图像比较。 如果您只是比较 PNG，请改用 。 它要快得多。 var comp = require ( "img-compare" ) ; var config = { output : "diff.png" , threshold : 50 , // num of pixels allowed to differ } ; comp ( [ "test/01.png" , "test/02.png" ] , config , function ( err , out ) { if ( err ) { console . log ( err . message ) ; } console . log ( out ) ; // out.status = fail/succes
nodejs图片裁剪、缩放、水印
chunyouhai5703的博客
11-08 938
关于nodejs下图片的裁剪、水印，网上的模块很多，主要如下： gm：https://github.com/aheckmann/gm node-canvas：https://github.com/Automattic/node-canvas node-images：http...
node之图片压缩
wen_j的博客
06-22 2854
前言： node-image是node轻量级跨平台编码库 需求描述： 由于项目中图片过大会导致加载慢，需要每次新增图片的时候手动去压缩图片，使用TinyPNG进行图片压缩，每次需要手动上传压缩再下载，比较繁琐，故使用images集成到项目中，执行命令即可 思路 在项目中新建一个文件用来存储图片压缩时间，每次拿到图片的时候获取图片修改时间，然后读取文件中的时间，进行比较，如果大于则进行压缩，小于则不压缩，这样之前压缩过的图片就不会重新压缩， 实现 const images = require("images"
Node.js 中的图片压缩技术
Codernmx
03-14 3017
在开发 Node.js 应用时，图片优化是不可忽视的一环。通过合理使用图片压缩技术和工具，我们可以有效地减小文件大小，提高页面加载速度，从而提升用户体验。sharp、imagemin 和 tinify 是在 Node.js 中实现图片压缩的常用工具，开发者可以根据项目需求选择合适的工具进行优化处理。希望本文能够帮助读者更深入地了解 Node.js 中的图片压缩技术，以及如何在实际项目中应用这些技术，从而提升应用性能和用户体验。通过持续地优化图片加载，我们可以为用户提供更流畅、更快速的网络体验。
Node.js 实现图片压缩 JPG / PNG（PNG效果一般）
先吃口饭的博客
09-15 1540
压缩后的文件放在compress文件夹中。源文件放在images文件夹中。
vue对base64图片进行缩放
学无止步的博客
08-11 2054
vue对base64图片进行缩放 描述 后台传递来的是base64格式的图片数据，直接显示的话有的图片格式不符合要求，所以在前端接收到后台的响应数据后，需要对图片格式进行处理后再显示。 代码 <template> <div> <Carousel class="header-boox" v-model="banner" :autoplay-speed="speedS" autoplay loop> <CarouselIt
nodeJs对大图片进行压缩生成缩略图
weixin_45300676的博客
09-06 978
nodejs做为资源服务器的时候，为了提高网络请求效率，需要对一些大文件进行处理，而图片在一个网站中不是没张图片都是需要高清的，在小图状态下是可以显示缩略图的。
js压缩图片_Node.JS实战32：图片压缩
weixin_39916511的博客
12-03 554
图片压缩，在很多地方都用的到，是种实用性很高的技术。国内外还有不少此类平台，专门进行图片压缩，比如tinypng。而在nodejs中，要实现一个这类型平台，不难，很容易。NodeJS中进行图片压缩，可以选择三方模块：Imagemin。imageminimagemin压缩效果更好，可以达到50%以上，支持jpg、png格式。测试代码：const imagemin = require('imagemi...
node图片压缩的两员大将
主要领域：前端开发
10-14 1万+
一、ishrink 全局安装 npm i ishrink -g 1、按url方式压缩 本地图片地址 sk -u C:\Users\admin\Desktop\images\img 网络图片地址 sk -u https://www.maomin.club/banner-5.jpg 2、按目录压缩方式 压缩一个文件夹的所有图片 sk -d images 压缩多个文件夹的所有图片 sk -d i...
使用node.js实现图片压缩
热门推荐
shiyangxu的博客
08-24 1万+
1 images模块介绍 处理图片往往会遇到图片压缩的问题，使用Windows系统自带的画图软件或者其它图像处理软件一般都能够实现图片的压缩，但是只能是单张处理，如果涉及到大批量的图片压缩的话，一张一张处理起来会相当麻烦。因此，可以考虑编写程序实现批量处理。node.js中提供了图片处理模块，比如gm、imagemin、images模块等。 本文中使用的是Node.js轻量级跨平台图像编解码库...
Nodejs压缩图片实现方案
吉法师的博客
09-05 679
并没有在npm里列出，需要访问github，目前选择使用sharp 0.31.2版本。并且在.npmrc里面配置镜像源。因为sharp有额外的依赖项。图片压缩的大小可以自己选择。
nodejs 进阶：图片缩小
weixin_30484739的博客
10-30 330
demo 效果： 代码： /** * Created by ZXW on 2017/10/30. */ var fs = require('fs'); var gm = require('gm'); gm('./不饿.jpg') .resize(50, 50,"!") .write('./不饿1.jpg', fu...
Node实现图片自动压缩
ShengjieW的博客
12-13 1009
【代码】Node实现图片自动压缩。
使用node批量压缩图片
Danchaofan_23的博客
07-24 2226
使用node.js进行图片批量压缩
nodejs环境下的图片压缩、base64转换等
丰云 之 薪火
06-16 1634
项目开发常用方法，记录一下，以备参考： constfs=require("fs"); constimages=require("images"); constcrypto=require("crypto"); /** *图片压缩 *@param{*}srcPath原图片路径 *@param{*}outPath新图片保存路径 *@param{*}width新图片像...
nodejs 比较图片相似度_比较图片相似算法
weixin_35079144的博客
01-17 3354
概述一般情况下, 图片相似算法分为三种均值Hash算法差异值hash算法感知hash算法其实三个算法差不多. 我们以均值hash算法为例, 算法的步骤如下:缩放为n*n的图片去色, 获取灰度图得到hash指纹比较hash指纹的汉明距离, 得到相似值上面算法的不同, 主要是得到hash指纹的算法不同均值hash算法我们举例说明. 原图如下:缩放为8*8的图片代码:img = cv2.resize(i...
使用 Node.js 压缩图片
qq_34820371的博客
10-20 831
前端面试题包括ECMScript,TypeScript,Nodejs,React,Webgl,Webpack,Threejs等还在整理中，在线地址大家多多支持才有动力给大家分享更多好的面试题。
js图像对比可用的一些资源
松鼠的一巴掌
07-29 1177
为避免膨胀后差异区域扩大，在形成连通区域后再对其进行形态学腐蚀。接下来看一下感知哈希的算法，图像都是二维信号，包括不同频率的部分，亮度比较小的频率是低频的部分，实际上在左边的第二张图就是一个低频部分，但是实际上，通过肉眼来看低频部分基本上是这张图的信息了。现在看一下SSIM，自然图像信息高度结构化，像素信息具有强烈的依赖性，在空间上接近时依赖性携带关于视觉场景中的对象结构信息，SSIM算法的优势在于契合人类的视觉系统的观察特性，它的实现主要是通过亮度、对比度和结构的度量组合来实现的相似度的评估。...
Nodejs压缩图片方式，使用images压缩上传的图片
weixin_43992507的博客
09-01 3345
下载插件 npm install images 或者 npm install --save images 当然也可以使用（用法差不多，不过这个是异步的） npm install imagemin 用开发工具直接粘贴回车安装 或者 到项目目录下cmd粘贴安装也是一样的 同样会自动修改package.json，package-lock.json文件 使用实例 var images = require("images"); var fs = require('fs'); function importIm
湿式溢流型球磨机.rar
最新发布
06-20
湿式溢流型球磨机.rar
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值