The ims (image manipulation service) is designed to assist with performing image transformations and optimizations on the fly using a full Go solution provided by: github.com/disintegration/imaging.
The application is also fitted with pprof for performance profiling, refer to golang.org/pkg/net/http/pprof for usage information.
You can use the standard Go utility to get the binary and compile it yourself:
go get -u github.com/wyattjoh/ims/...
From Homebrew:
brew install wyattjoh/stable/ims
Docker:
docker pull wyattjoh/ims
# or via the Github Container Registry
docker pull ghcr.io/wyattjoh/ims
Or by visiting the Releases page to download a pre-compiled binary for your arch/os.
The ims application can be used as such:
NAME:
ims - Image Manipulation Server
USAGE:
ims [global options] command [command options] [arguments...]
COMMANDS:
help, h Shows a list of commands or help for one command
GLOBAL OPTIONS:
--listen-addr value the address to listen for new connections on (default: "127.0.0.1:8080")
--backend value comma separated <host>,<origin> where <origin> is a pathname or a url (with scheme) to load images from or just <origin> and the host will be the listen address
--origin-cache value cache the origin resources based on their cache headers (:memory: for memory based cache, directory name for file based, not specified for disabled)
--signing-secret value when provided, will be used to verify signed image requests made to the domain
--tracing-uri value when provided, will be used to send tracing information via opentracing
--signing-with-path when provided, the path will be included in the value to compute the signature
--disable-metrics disable the prometheus metrics
--timeout value used to set the cache control max age headers, set to 0 to disable (default: 15m0s)
--cors-domain value use to enable CORS for the specified domain (note, this is not required to use as an image service)
--debug enable debug logging and pprof routes
--json print logs out in JSON
--help, -h show help
--version, -v print the version
The default behavior is to serve images out of the present working directory, but it can also be changed to another folder or to an origin server for it to make the request to.
This application provides no transformation caching support, but will attach cache-friendly headers, it is recommend that when deploying in production you do so behind a service like Varnish or a CDN like Fastly.
Some examples of usage:
# will serve images from the $PWD
ims
# will serve images from the specified folder
ims --backend /specific/folder/with/images
# when the request is made to the alpha.example.com host, will serve images from
# the /var/images/alpha directory, when the request is made to the
# beta.example.com host, will serve images from the /var/images/beta directory.
ims --backend alpha.example.com,/var/images/alpha \
--backend beta.example.com,/var/images/beta
Different backends are supported by ims.
If the --backend
is specified with an origin with a gs://
scheme,
ims will use the Google Cloud Storage
provider. Note that for authentication purposes, the environment variable
GOOGLE_APPLICATION_CREDENTIALS
must be present, refer to
Google Application Default Credentials
for more information.
Example:
export GOOGLE_APPLICATION_CREDENTIALS=/path/to/your/application-credentials.json
ims --backend gs://bucket-name
If the --backend
is specified with an origin with a s3://
scheme,
ims will use the S3 provider. For
configuration, you must specify the following environment variables:
S3_ENDPOINT
: the endpoint to use as the base for the s3 client, can be a Amazon S3 endpoint or a Minio one.S3_ACCESS_KEY_ID
: access key id.S3_ACCESS_KEY_SECRET
: access key secret.S3_DONT_USE_SSL
:TRUE
if your endpoint should be accessed by http instead of https (Default:FALSE
).
Example:
export S3_ENDPOINT=s3.us-east-2.amazonaws.com
export S3_ACCESS_KEY_ID=my-aws-access-key-id
export S3_ACCESS_KEY_SECRET=my-aws-key-secret
export S3_DONT_USE_SSL=FALSE
ims --backend s3://bucket-name
If the --backend
is specified with an origin with a http://
or https://
scheme, then ims will use the standard
http(s) based provider. This will simply perform a GET request (merging the
relative path) against the provided origin url.
Example:
ims --backend https://some-origin-url.com/
If the --backend
is specified with an origin without a scheme, it will be
inferred that the origin is a local folder instead. This folder may be relative,
absolute, and will not be expanded. It is therefore not recommended to use ~
in your pathnames.
Example:
ims --backend /some/folder/location
If the --backend
is specified with a :proxy:
option, it will enable
ims to use the provided url
query parameter
on each request to load the image from a remote source. For security reasons
however, this requires that the --signing-secret
and --signing-with-path
is
also provided.
Example:
img --backend :proxy: --signing-secret "keyboard cat" --signing-with-path
When --signing-secret
is provided, all requests must include a sig
query
parameter that contains the HS256 signature of the sorted query parameters
encoded as a hex string via the provided secret. This can be used to prevent
abuse of the ims, and is strongly recommended in production.
This can get pretty powerful when combined with the --signing-with-path
option
that will include the path in the signature content as it would essentially
allow you to have ims act as a proxy to your private S3/GCS bucket, and would
prevent abuse via subsequent requests.
An example of signing a request in Node:
const Crypto = require("crypto");
const querystring = require("querystring");
const transformationOptions = {
width: 100,
height: 200,
};
// Change this to the secret that you gave to ims via the`--signing-secret`
// flag.
const secret = "keyboard cat";
// Create the sorted query object.
let value = Object.keys(transformationOptions)
.sort()
.reduce((result, key) => {
result.push(querystring.stringify({ [key]: transformationOptions[key] }));
return result;
}, [])
.join("&");
// If you've enabled --signing-with-path, you need to include the path component
// in your value:
//
// value = "/my-image.jpg?" + value;
//
const sig = Crypto.createHmac("sha256", secret).update(value).digest("hex");
console.log(value + "&sig=" + sig);
Example:
# require all requests to have their query parameters signed with a HS256
# signature
ims --signing-secret "keyboard cat"
# require all requests to have their query parameters and path signed with a
# HS256 signature
ims --signing-secret "keyboard cat" --signing-with-path
Image manipulations can be applied by appending a query string with the following parameters and as such matches the Fastly API as much as possible. These are also in the same order that they are processed.
crop
: crops the image in the form:{width},{height}
resize-filter
: select the resize filter to be used. Implementation is sourced via the github.com/disintegration/imaging package and we provide the following filters:box
: Box filter (averaging pixels).netravali
: Mitchell-Netravali cubic filter (BC-spline; B=1/3; C=1/3).linear
: Linear filter.nearest
: Nearest-neighbor filter, no anti-aliasing.gaussian
: Gaussian is a Gaussian blurring Filter.lanczos
(default): Lanczos filter (3 lobes).
format
: enables source transcoding:jpeg
: converts all images toimage/jpeg
encoding with lossless compression, some additional parameters are supported:quality
: the quality out of 100 for the output image (Default: 75).
png
: converts image toimage/png
encodinggif
: converts image toimage/gif
encoding
width
: output image width (default is the original width).height
: output image height. If bothwidth
andheight
are provided, thewidth
will be used instead.fit
: The fit parameter controls how the image will be constrained within the provided size (width | height) values:bounds
: resize the image to fit entirely within the specified regioncover
(default): resize the image to entirely cover the specified region.
orient
: changes the image orientation:r
: Orientate the image right.l
: Orientate the image left.h
: Flip the image horizontally.v
: Flip the image vertically.hv
: Horizontal and Vertical flip.vh
: Vertical and Vertical flip.2
: Flip the image horizontally.3
: Horizontal and Vertical flip.4
: Flip the image vertically.5
: Horizontal flip then orientate the image left.6
: Orientate the image right.7
: Horizontal flip then orientate the image right.8
: Orientate the image left.
blur
: produces a blurred version of the image using a Gaussian function, must be positive and indicates how much the image will be blurred, refers to the sigma value.sig
: Used to specify the signing signature, see Signing above.
MIT