Apply filtering effect to GIF via NodeJs Cloud API
Apply filtering effect to GIF using native NodeJs Cloud APIs without needing any image editor or 3rd-party libraries.
Get StartedHow to apply filtering effect to GIF Using NodeJs Cloud API
Aspose.Imaging.Cloud for Node.js API which is a feature-rich, powerful and easy to use image manipulation and conversion Cloud API for Node.js platform. You can install its latest version from npm
npm console command
npm i @asposecloud/aspose-imaging-cloud
Steps to applying filtering effect to GIF via NodeJs Cloud API
Developers can easily load & apply filter to GIF files in just a few lines of code.
- Load GIF file as stream
- Create & set the instance of FilterEffectImageRequest
- Set filter type and properties
- Call the FilterEffectImage method
- Get changed image from response stream
System Requirements
Aspose.Imaging Cloud for NodeJs is supported on all major operating systems. Just make sure that you have the following prerequisites.
- Node.js 6.x and higher.
Apply filtering effect to GIF - Cloud
| import * as fs from "fs"; | |
| import * as path from "path"; | |
| import {ImagingBase} from "./imaging-base"; | |
| import { | |
| GaussianBlurFilterProperties, FilterEffectImageRequest, | |
| ImagingApi, | |
| } from "@asposecloud/aspose-imaging-cloud"; | |
| const ImageFileName = "example_image.gif"; | |
| const ImagesFolder = "ExampleImages"; | |
| const CloudFolder = "CloudImages"; | |
| const OutputFolder = "Output"; | |
| // Get ClientId and ClientSecret from https://dashboard.aspose.cloud/ | |
| // or use on-premise version (https://docs.aspose.cloud/imaging/getting-started/how-to-run-docker-container/) | |
| const api = new ImagingApi(clientSecret, clientId, "https://api.aspose.cloud"); | |
| /** | |
| * Applies filtering effect to an image from cloud storage. | |
| */ | |
| public async FilterImageFromStorage() { | |
| const localInputImage = fs.readFileSync(path.join(ImagesFolder, ImageFileName)); | |
| const uploadFileRequest = new UploadFileRequest({path: path.join(CloudFolder, imageName), file: image}); | |
| const result = await this.api.uploadFile(uploadFileRequest); | |
| if (result.errors.length > 0) | |
| console.log(`Uploading errors count: ${result.errors.length}` | |
| const format = "gif"; | |
| const filterType = "GaussianBlur"; | |
| const filterProperties = new GaussianBlurFilterProperties({radius: 4, sigma: 2.1}); | |
| const folder = this.CloudFolder; // Input file is saved at the desired folder in the storage | |
| const storage = undefined; // We are using default Cloud Storage | |
| const request = new FilterEffectImageRequest({ | |
| name: this.ImageFileName, | |
| filterType, | |
| filterProperties, | |
| format, | |
| folder, | |
| storage, | |
| }); | |
| const updatedImage = await this.api.filterEffectImage(request); | |
| // Save the image file to output folder | |
| const updatedImageName = ImageFileName.substr(0, ImageFileName.lastIndexOf(".")) + "gif"; | |
| const filePath = path.resolve(path.join(OutputFolder, updatedImageName)); | |
| fs.writeFile(filePath, updatedImage, (err) => { | |
| if (err) { | |
| throw err; | |
| } | |
| }); | |
| } |
About Aspose.Imaging Cloud API for NodeJs
Aspose.Imaging Cloud API is an image processing solution to process images (photos) within your cloud or web applications. It offers: cross-platform Image processing, including but not limited to conversions between various image formats (including uniform multi-page or multi-frame image processing), transformations (resize, crop, flip&rotate, grayscale, adjust), advanced image manipulation features (filtering, deskewing), AI features (i.e. object detection and reverse image search). It’s a Cloud API and does not depend on any software for image operations. One can easily add high-performance image conversion features with Cloud APIs within projects. Flexible integrations options including SDKs for various languages (Python, Ruby, .NET, Java, NodeJS, PHP) and the use of the REST API allow to make the integration easy.
Apply filtering effect to GIFs via Online App
Apply filtering effect to GIF documents by visiting our Live Demos website. The live demo has the following benefits:
GIF What is GIF File Format
A GIF or Graphical Interchange Format is a type of highly compressed image. Owned by Unisys, GIF uses the LZW compression algorithm that does not degrade the image quality. For each image GIF typically allow up to 8 bits per pixel and up to 256 colours are allowed across the image. In contrast to a JPEG image, which can display up to 16 million colours and fairly touches the limits of the human eye. Back when the internet emerged, GIFs remained the best choice because they required low bandwidth and compatible for the graphics that consume solid areas of colour. An animated GIF combines numerous images or frames into a single file and displays them in a sequence to generate an animated clip or a short video. The colour limitations are up to 256 for each frame and are likely to be the least suitable for reproducing other images and photographs with colour gradient.
Read More