npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@andrejesus/webp-converter

v1.0.2

Published

A small node.js library for converting any image to webp file format or converting webp image to any image file format.

Downloads

13

Readme

webp-converter Logo

This is an hard fork of webp-converter v2.2.3

A small node.js library for converting any image to webp file format or converting webp image to any image file format.

This library uses precompiled executables of WebP for more info visit WebP

For converting other image formats to webp, please read this documentation cwebp Encoder

For converting webp image to other image format, please read this documentation dwebp Encoder

For converting gif image to webp, please read this documentation gif2webp Converter

For creating animated webp image using webp images, please read this documentation webpmux Muxer

What's New

  • Precompiled executables of WebP(v1.0.3) added

How to use

cwebp

Convert other image format to webp


var webp=require('webp-converter');

//pass input image(.jpeg,.pnp .....) path ,output image(give path where to save and image file name with .webp extension)
//pass option(read  documentation for options)

//cwebp(input,output,option,result_callback)

webp.cwebp("input.jpg","output.webp","-q 80",function(status,error)
  {
  	 //if conversion successful status will be '100'
  	//if conversion fails status will be '101'
  	console.log(status,error);	
  });

dwebp

Convert webp image to other image format


var webp=require('webp-converter');

//pass input image(.webp image) path ,output image(.jpeg,.pnp .....)

//dwebp(input,output,option,result_callback)

webp.dwebp("input.webp","output.jpg","-o",function(status,error)
  {
  	 //if conversion successful status will be '100'
  	//if conversion fails status will be '101'
  	console.log(status,error);	
  });

gif2webp

Convert gif image to webp


var webp=require('webp-converter');

//pass input image(.gif) path ,output image(give path where to save and image file name with .webp extension)
//pass option(read  documentation for options)

//gwebp(input,output,option,result_callback)

webp.gwebp("input.gif","output.webp","-q 80",function(status,error)
  {
  	 //if conversion successful status will be '100'
  	//if conversion fails status will be '101'
  	console.log(status,error);	
  });

webpmux

Add ICC profile,XMP metadata and EXIF metadata


var webp=require('webp-converter');

//pass input image(.webp image) path ,output image,option profile,set options(icc image profile,XMP metadata or EXIF metadata) and file.
//for options use keywords as below
//for ICC: icc
//for XMP metadata: xmp
//for EXIF metadata: exif

//webpmux_add(input,output,option_profile,set_option,result_callback)

webp.webpmux_add("input.webp","output.webp","image_profile.icc","icc",function(status,error){

  	 //if conversion successful status will be '100'
  	//if conversion fails status will be '101'
  	console.log(status,error);	

});

Extract ICC profile,XMP metadata and EXIF metadata


var webp=require('webp-converter');

//pass input image(.webp image) path ,output format(.icc,.xmp and .exif),get options(icc image profile,XMP metadata or EXIF metadata) and file.
//for options use keywords as below
//for ICC: icc
//for XMP metadata: xmp
//for EXIF metadata: exif

//webpmux_extract(input,output,option,result_callback)

webp.webpmux_extract("input.webp","output.icc","icc",function(status,error){

  	 //if conversion successful status will be '100'
  	//if conversion fails status will be '101'
  	console.log(status,error);	

});

Strip ICC profile,XMP metadata and EXIF metadata


var webp=require('webp-converter');

//pass input image(.webp image) path ,output image(without icc),options(icc image profile,XMP metadata or EXIF metadata) and file.
//for options use keywords as below
//for ICC: icc
//for XMP metadata: xmp
//for EXIF metadata: exif

//webpmux_strip(input,output,option,result_callback)

webp.webpmux_strip("input.webp","ouput.webp","icc",function(status,error){

  	//if conversion successful status will be '100'
  	//if conversion fails status will be '101'
  	console.log(status,error);	

});

Create an animated WebP file from Webp images


var webp=require('webp-converter');

//pass input images(.webp image) path with FRAME_OPTIONS, as array,ouput image will be animated .webp image 


/*FRAME_OPTIONS

-file_i +di[+xi+yi[+mi[bi]]]

e.g -frame one.webp +100 -frame two.webp +100+50+50 -frame three.webp +100+50+50+1+b 

Where: file_i is the i'th frame (WebP format), xi,yi specify the image offset for this frame, 
di is the pause duration before next frame, mi is the dispose method for this frame (0 for NONE or 1 for BACKGROUND) and bi is the blending method for this frame (+b for BLEND or -b for NO_BLEND). 
Argument bi can be omitted and will default to +b (BLEND). Also, mi can be omitted if bi is omitted and will default to 0 (NONE). Finally, 
if mi and bi are omitted then xi and yi can be omitted and will default to +0+0.

-loop n

e.g 10

Loop the frames n number of times. 0 indicates the frames should loop forever. Valid range is 0 to 65535 [Default: 0 (infinite)].

-bgcolor A,R,G,B 

e.g 255,255,255,255

Background color of the canvas. Where: A, R, G and B are integers in the range 0 to 255 specifying the Alpha, Red, Green and Blue component values respectively [Default: 255,255,255,255].
*/

//webpmux_animate(input_images_array,output,bgcolor,result_callback)

var input=["./frames/tmp-0.webp +100","./frames/tmp-1.webp +100+50+50","./frames/tmp-2.webp +100+50+50+1+b"];

webp.webpmux_animate(input,"anim_container.webp","10","255,255,255,255",function(status,error)
  {
  	 //if conversion successful status will be '100'
  	//if conversion fails status will be '101'
  	console.log(status,error);	
  });

Get a frame from an animated WebP file


var webp=require('webp-converter');

//pass input image(.webp image) path ,output image and frame number

//webpmux_getframe(input,ouput,frame number,result_callback)

webp.webpmux_getframe("anim_container.webp","output.webp","2",function(status,error){

  	 //if conversion successful status will be '100'
  	//if conversion fails status will be '101'
  	console.log(status,error);	

});

Installation

$ npm install webp-converter

License

MIT