Gifsicle-wasm-browser NPM

Function

Fully restore the functionality of Gifsicle 1.92
Supports input and output of multiple GIFs
Supports multiple commands
Small (Gzip≈150KB)
no dependencies

Demo

Basic usage

For more commands, please refer to the Gifsicle Manual.

Complete example

gifsicleTool.js By combining multiple commands, it can complete more practical functions.

Quick start

npm install

import in vue

$ npm i gifsicle-wasm-browser --save

import gifsicle from "gifsicle-wasm-browser";

gifsicle.run({
  input: [{
      file: "./cat.gif",
      name: "1.gif",
  }],
  command: ["--resize 100x_ 1.gif -o /out/out.gif"],
})
.then(async(d) => {
  console.log(d);
  // [File]
});

cdn

cdn demo

<script type="module">
  import gifsicle from 'https://unpkg.com/gifsicle-wasm-browser/dist/gifsical.min.js'
  // or
  import gifsicle from 'https://cdn.jsdelivr.net/npm/gifsicle-wasm-browser/dist/gifsicle.min.js'
      ...
  })
</script>

Api

gifsicle.run()

input

Array: input Gif file
file
- String: the web url of the GIF
- File , Blob , ArrayBuffer: local files obtained via <input type=load />
name
- String: the filename that will be used in command

command

Array: command to execute

folder

Array: (optional) folder name to be used in command

isStrict

Boolean: (optional) command ends immediately on error
default: false

Tips

name in input can be customized, but cannot be repeated.
The last line of command must contain -o /out/**.gif,
The default available directories are / , /out , /tem, when command is executed, all files in /out will be exported
command will be executed one by one in sequence, please use multiple gifsicle.run() if you need to process multiple GIFs at the same time. Execute sequentially | Execute simultaneously