<img/> stack - cloud-based dynamic image processing
- In: 546,918kb
- Out: 236,084kb
Introduction
<img/>stack works by taking a URL to an image and instructions on what to do with that image to create a new image on the fly.
The URL structure for the service is:
http://imgstack.com/function/url to image?processing variables
The following functions are currently supported:
- resize - resizes the image to a specified width and height
- fittosize - fits the image to a specific bound rectangle
- crop - crops the image based on given region inside the image
- thumbnail - generates a square thumbnail that's centered to the image
The examples below will use the following source image:
URL: http://imgstack.com/images/examples/headshot.jpg
resize
- resize.width - the width of resulting image (in pixels or percent)
- resize.height - the height of resulting image (in pixels or percent)
- resize.unit - (optional: default 'pixels') 'pixels' to specify the dimension in pixels or 'percent' to specify the dimensions in percent of original image size
URL: http://imgstack.com/resize/imgstack.com/images/examples/headshot.jpg?resize.width=25&resize.height=25&resize.unit=percent
fittosize
- fitToSize.width - width of area to fit the image to
- fitToSize.height - height of area to fit the image to
URL: http://imgstack.com/fittosize/imgstack.com/images/examples/headshot.jpg?fitToSize.width=200&fitToSize.height=200
crop
- crop.top - top position of bound region (in pixels or percent)
- crop.left - left position of bound region (in pixels or percent)
- crop.bottom - bottom position of bound region (in pixels or percent)
- crop.right - right position of bound region (in pixels or percent)
- crop.unit - (optional: default 'pixels') 'pixels' to specify the dimension in pixels or 'percent' to specify the dimensions in percent of original image size.
URL: http://imgstack.com/crop/imgstack.com/images/examples/headshot.jpg?crop.top=30&crop.left=30&crop.bottom=70&crop.right=70&crop.unit=percent
thumbnail
- thumbnail.size - specifies the size (in pixels) to generate a square thumbnail. The thumbnail is generated from the center of the image.
URL: http://imgstack.com/thumbnail/imgstack.com/images/examples/headshot.jpg?thumbnail.size=140