venuee-kraken

v1.0.0

Published

2 years ago

Plug into the power and speed of Kraken.io Image Optimizer fix opts.file instanceof Object

Downloads

0High
0Medium
0Low

chinnawatp

kraken kraken.io image optimizer image optimiser

Node.js module for Kraken.io API

With this Node module you can plug into the power and speed of Kraken.io Image Optimizer.

Installation

npm install kraken --save

Getting Started

First you need to sign-up for the Kraken API and obtain your unique API Key and API Secret. You will find both under API Credentials. Once you have set up your account, you can start using Kraken.io's image optimization API in your applications.

Downloading Images

Remember: never link to optimized images offered to download. You have to download them first, and then replace them in your websites or applications. Optimized images are available on our servers for one hour only, after which they are permanently deleted.

How to use

You can optimize your images in two ways - by providing an URL of the image you want to optimize or by uploading an image file directly to Kraken API.

The first option (image URL) is great for images that are already in production or any other place on the Internet. The second one (direct upload) is ideal for your deployment process, build script or the on-the-fly processing of your user's uploads where you don't have the images available online yet.

Wait and Callback URL

Kraken gives you two options for fetching optimization results. With the wait option set the results will be returned immediately in the response. With the callback_url option set the results will be posted to the URL specified in your request.

Wait option

With the wait option turned on for every request to the API, the connection will be held open unil the image has been optimized. Once this is done you will get an immediate response with a JSON object containing your optimization results. To use this option simply set "wait": true in your request.

Request:

{
    "auth": {
        "api_key": "your-api-key",
        "api_secret": "your-api-secret"
    },
    "url": "http://awesome-website.com/images/header.jpg",
    "wait": true
}

Response

{
    "success": true,
    "file_name": "header.jpg",
    "original_size": 324520,
    "kraked_size": 165358,
    "saved_bytes": 159162,
    "kraked_url": "http://dl.kraken.io/d1aacd2a2280c2ffc7b4906a09f78f46/header.jpg"
}

Callback URL

With the Callback URL the HTTPS connection will be terminated immediately and a unique id will be returned in the response body. After the optimization is over Kraken will POST a message to the callback_url specified in your request. The ID in the response will reflect the ID in the results posted to your Callback URL.

We recommend requestb.in as an easy way to capture optimization results for initial testing.

Request:

{
    "auth": {
        "api_key": "your-api-key",
        "api_secret": "your-api-secret"
    },
    "url": "http://image-url.com/file.jpg",
    "callback_url": "http://awesome-website.com/kraken_results"
}

Response:

{
    "id": "18fede37617a787649c3f60b9f1f280d"
}

Results posted to the Callback URL:

{
    "id": "18fede37617a787649c3f60b9f1f280d"
    "success": true,
    "file_name": "file.jpg",
    "original_size": 324520,
    "kraked_size": 165358,
    "saved_bytes": 159162,
    "kraked_url": "http://dl.kraken.io/18fede37617a787649c3f60b9f1f280d/file.jpg"
}

Authentication

The first step is to authenticate to Kraken API by providing your unique API Key and API Secret while creating a new Kraken instance:

var Kraken = require('kraken');

var kraken = new Kraken({
    api_key: 'your-api-key',
    api_secret: 'your-api-secret'
});

Usage - Image URL

To optimize an image by providing image URL use the kraken.url() method. You will need to provide two mandatory parameters - url to the image and wait or callback_url:

var Kraken = require('kraken');

var kraken = new Kraken({
    api_key: 'your-api-key',
    api_secret: 'your-api-secret'
});

var opts = {
    url: 'http://image-url.com/file.jpg',
    wait: true
};

kraken.url(opts, function(err, data) {
    if (err) {
        console.log('Failed. Error message: %s', err);
    } else {
        console.log('Success. Optimized image URL: %s', data.kraked_url);
    }
});

Depending on a choosen response option (Wait or Callback URL) in the data object you will find either the optimization ID or optimization results containing a success property, file name, original file size, kraked file size, amount of savings and optimized image URL:

{
    success: true,
    file_name: 'file.jpg',
    original_size: 30664,
    kraked_size: 577,
    saved_bytes: 30087,
    kraked_url: 'http://dl.kraken.io/d1aacd2a2280c2ffc7b4906a09f78f46/file.jpg'
}

If no saving were found, the API will return an object containing "success":true and will report saved_bytes of 0:

{
    success: true,
    saved_bytes: 0,
}

Usage - Image Upload

If you want to upload your images directly to Kraken API use the kraken.upload() method. You will need to provide two mandatory parameters - file which is either a string containing a path to the file or a Stream Object and wait or callback_url.

In the data object you will find the same optimization properties as with url option above.

var Kraken = require('kraken'),
    fs = require('fs');

var kraken = new Kraken({
    api_key: 'your-api-key',
    api_secret: 'your-api-secret'
});

var opts = {
    file: fs.createReadStream('file.jpg'),
    wait: true
};

kraken.upload(opts, function (err, data) {
    if (err) {
        console.log('Failed. Error message: %s', err);
    } else {
        console.log('Success. Optimized image URL: %s', data.kraked_url);
    }
});

Usage - User status

If you want to check your quotas or your account status, you can use userStatus which will return something like:

{
    "success": true,
    "active": true,
    "plan_name": "Enterprise",
    "quota_total": 64424509440,  
    "quota_used": 313271610,
    "quota_remaining": 64111237830
}

var Kraken = require('kraken');
var kraken = new Kraken({
    api_key: 'your-api-key',
    api_secret: 'your-api-secret'
});
kraken.userStatus(function (err, data) {
  if (err) {
    console.log('Failed. Error message: %s', err);
  } else {
    console.log('Success', {
      "success": data.success,
      "active": data.active,
      "quota_total": formatBytes(data.quota_total,2),  
      "quota_used": formatBytes(data.quota_used,2),
      "quota_remaining": formatBytes(data.quota_remaining,2)
    });
  }
}); //formatBytes(data,2)

// Optional function which will format the bytes value
function formatBytes(value, decimal) {
  if (0 == value) return "0 Bytes";
  var c = 1024, d = decimal || 2, e = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
    f = Math.floor(Math.log(value) / Math.log(c));
  return parseFloat((value / Math.pow(c, f)).toFixed(d)) + " " + e[f]
}

Lossy Optimization

When you decide to sacrifice just a small amount of image quality (usually unnoticeable to the human eye), you will be able to save up to 90% of the initial file weight. Lossy optimization will give you outstanding results with just a fraction of image quality loss.

To use lossy optimizations simply set lossy: true in your request:

var opts = {
    file: '/path/to/image/file.jpg',
    lossy: true,
    wait: true
};

PNG Images

PNG images will be converted from 24-bit to paletted 8-bit with full alpha channel. This process is called PNG quantization in RGBA format and means the amout of colours used in an image will be reduced to 256 while maintaining all information about alpha transparency.

JPEG Images

For lossy JPEG optimizations Kraken will generate multiple copies of a input image with a different quality settings. It will then intelligently pick the one with the best quality to filesize ration. This ensures your JPEG image will be at the smallest size with the highest possible quality, without the need for a human to select the optimal image.

Image Resizing

Image resizing option is great for creating thumbnails or preview images in your applications. Kraken will first resize the given image and then optimize it with its vast array of optimization algorithms. The resize option needs a few parameters to be passed like desired width and/or height and a mandatory strategy property. For example:

var Kraken = require('kraken');

var kraken = new Kraken({
    api_key: 'your-api-key',
    api_secret: 'your-api-secret'
});

var opts = {
    file: '/path/to/image/file.jpg',
    wait: true,
    resize: {
        width: 100,
        height: 75,
        strategy: 'crop'
    }
};

kraken.upload(opts, function(err, data) {
    if (err) {
        console.log('Failed. Error message: %s', err);
    } else {
        console.log('Success. Optimized image URL: %s', data.kraked_url);
    }
});

The strategy property can have one of the following values:

exact - Resize by exact width/height. No aspect ratio will be maintained.
portrait - Exact width will be set, height will be adjusted according to aspect ratio.
landscape - Exact height will be set, width will be adjusted according to aspect ratio.
auto - The best strategy (portrait or landscape) will be selected for a given image according to aspect ratio.
crop - This option will crop your image to the exact size you specify with no distortion.

WebP Compression

WebP is a new image format introduced by Google in 2010 which supports both lossy and lossless compression. According to Google, WebP lossless images are 26% smaller in size compared to PNGs and WebP lossy images are 25-34% smaller in size compared to JPEG images.

To recompress your PNG or JPEG files into WebP format simply set "webp": true flag in your request JSON. You can also optionally set "lossy": true flag to leverage WebP's lossy compression:

var opts = {
    file: '/path/to/image/file.jpg',
    wait: true,
    webp: true,
    lossy: true
};

Amazon S3 and Rackspace Cloud Files

Kraken API allows you to store optimized images directly in your S3 bucket or Cloud Files container. With just a few additional parameters your optimized images will be pushed to your external storage in no time.

Amazon S3

Mandatory Parameters:

key - Your unique Amazon "Access Key ID".
secret - Your unique Amazon "Secret Access Key".
bucket - Name of a destination container on your Amazon S3 account.
region - Name of the region your S3 bucket is located in.

Optional Parameters:

path - Destination path in your S3 bucket (e.g. "images/layout/header.jpg"). Defaults to root "/".
acl - Permissions of a destination object. This can be "public_read" or "private". Defaults to "public_read".

The above parameters must be passed in a s3_store object:

var Kraken = require('kraken');

var kraken = new Kraken({
    api_key: 'your-api-key',
    api_secret: 'your-api-secret'
});

var opts = {
    file: '/path/to/image/file.jpg',
    wait: true,
    s3_store: {
        key: 'your-amazon-access-key',
        secret: 'your-amazon-secret-key',
        bucket: 'destination-bucket',
        region: 'us-east-1'
    }
};

kraken.upload(opts, function(err, data) {
    if (err) {
        console.log('Failed. Error message: %s', err);
    } else {
        console.log('Success. Optimized image URL: %s', data.kraked_url);
    }
});

The data object will contain kraked_url key pointing directly to the optimized file in your Amazon S3 account:

{
    kraked_url: "http://s3.amazonaws.com/YOUR_CONTAINER/path/to/file.jpg"
}

Rackspace Cloud Files

Mandatory Parameters:

user - Your Rackspace username.
key - Your unique Cloud Files API Key.
container - Name of a destination container on your Cloud Files account.

Optional Parameters:

path - Destination path in your container (e.g. "images/layout/header.jpg"). Defaults to root "/".

The above parameters must be passed in a cf_store object:

var Kraken = require('kraken');

var kraken = new Kraken({
    api_key: 'your-api-key',
    api_secret: 'your-api-secret'
});

var opts = {
    file: '/path/to/image/file.jpg',
    wait: true,
    cf_store: {
        user: 'your-rackspace-username',
        key: 'your-rackspace-api-key',
        container: 'destination-container'
    }
};

kraken.upload(opts, function(err, data) {
    if (err) {
        console.log('Failed. Error message: %s', err);
    } else {
        console.log('Success. Optimized image URL: %s', data.kraked_url);
    }
});

If your container is CDN-enabled, the optimization results will contain kraked_url which points directly to the optimized file location in your Cloud Files account, for example:

kraked_url: "http://e9ffc04970a269a54eeb-cc00fdd2d4f11dffd931005c9e8de53a.r2.cf1.rackcdn.com/path/to/file.jpg"

If your container is not CDN-enabled kraked_url will point to the optimized image URL in the Kraken API:

kraked_url: "http://dl.kraken.io/ecdfa5c55d5668b1b5fe9e420554c4ee/file.jpg"

LICENSE - MIT

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.