Website |
Blog |
Documentation |
imgproxy Pro |
Docker |
Twitter |
Discord

---

This library helps make image processing with imgproxy easier.

imgproxy is a fast and secure standalone server for resizing and converting remote images. The main principles of imgproxy are simplicity, speed, and security — it’s a Go application, ready to be installed and used in any Unix environment, and also ready to be containerized using Docker.

imgproxy-node helps build your own image processing pipeline and create URLs for imgproxy requests. You no longer need to remember all the secret key names: the library will automatically use your ENV variables and provide a generated link to the processed image as output.

See image processing on the fly with imgproxy-node in this demo.

media="(prefers-color-scheme: dark)"
srcset="https://evilmartians.com/badges/sponsored-by-evil-martians_v2.0_for-dark-bg@2x.png"
>
src="https://evilmartians.com/badges/sponsored-by-evil-martians_v2.0@2x.png"
alt="Sponsored by Evil Martians"
width="236"
height="54"
>

- Install
- Usage
- Methods

Install

``bash
npm install @imgproxy/imgproxy-node
`

Usage

`js
import { generateImageUrl } from '@imgproxy/imgproxy-node';

const url = generateImageUrl({
endpoint: "https://imgproxy.example.com/",
url: "https://example.com/image.jpg",
options: {
resizing_type: "fit",
width: 300,
gravity: { type: "no" },
enlarge: 1,
},
salt: "520f986b998545b4785e0defbc4f3c1203f22de2374a3d53cb7a7fe9fea309c5",
key: "943b421c9eb07c830af81030552c86009268de4e532ba2ee2eab8247c6da0881",
});
`

Methods

$3

This method generates an imgproxy URL.
It takes the following arguments:

- endpoint (string) - (required) the base URL of your imgproxy instance
- url (Object | string) - (required) a string with url value or an object that contains the value and displayAs properties. You can specify only url if you agree with default url.displayAs = "base64" or you have to specify url.value and url.displayAs.
- value (string) - (required) the plain text URL of the image.
- displayAs ("base64" | "encrypted" | "plain") - (optional) how the image URL should be presented in the resulting imgproxy request URL. Deafult value is "base64".
Can be one of the following:
- "base64" - a base64 encoded URL. Default value.
- "encrypted" - (PRO feature) an AES-CBC encrypted URL.
- "plain" - a plain text URL. We strongly recommend using base64 or encrypted type.
- options (Object | undefined) - (optional) an object that contains the resizing options. You can see all options in imgproxy docs or in Options types in imgproxy-js-core library.
- salt (string | undefined) - (optional) hex-encoded salt used to encode the URL. It must be a hex-encoded 16-byte string. This option overrides IMGPROXY_SALT environment variable from process.env for this call.
- key (string | undefined) - (optional) hex-encoded key used to encode the URL. It must be a hex-encoded 16-byte string. This option overrides IMGPROXY_KEY environment variable from process.env for this call.
- encryptKey (string | undefined) - (optional, PRO feature) hex-encoded key used to encrypt the URL. The key should be either 16, 24, or 32 bytes long for AES-128-CBC, AES-192-CBC, or AES-256-CBC, respectively. This option overrides IMGPROXY_SOURCE_URL_ENCRYPTION_KEY environment variable from process.env for this call.
- encryptIV (string | undefined) - (optional, PRO feature) hex-encoded 16-bytes length IV for encrypting url. If not specified, the IV will be generated randomly. But it's better if you specify it yourself. Read more in imgproxy docs iv-generation.

$3

This method generates an imgproxy URL to get a source image info.
It takes the following arguments:

- endpoint (string) - (required) the base URL of your imgproxy instance
- url (Object | string) - (required) a string with url value or an object that contains the value and displayAs properties. You can specify only url if you agree with default url.displayAs = "base64" or you will have to specify url.value and url.displayAs.
- value (string) - (required) the plain text URL of the image.
- displayAs ("base64" | "encrypted" | "plain") - (optional) how the image URL should be presented in the resulting imgproxy request URL. Deafult value is "base64".
Can be one of the following:
- "base64" - a base64 encoded URL. Default value.
- "encrypted" - (PRO feature) an AES-CBC encrypted URL.
- "plain" - a plain text URL. We strongly recommend using base64 or encrypted type.
- options (Object | undefined) - (optional) an object that contains the resizing options. You can see all options in imgproxy docs or in OptionsImageInfo types in imgproxy-js-core library.
- salt (string | undefined) - (optional) hex-encoded salt used to encode the URL. It must be a hex-encoded 16-byte string. This option overrides IMGPROXY_SALT from process.env for one request.
- key (string | undefined) - (optional) hex-encoded key used to encode the URL. It must be a hex-encoded 16-byte string. This option overrides IMGPROXY_KEY from process.env for one request.
- encryptKey (string | undefined) - (optional, PRO feature) hex-encoded key used to encrypt the URL. The key should be either 16, 24, or 32 bytes long for AES-128-CBC, AES-192-CBC, or AES-256-CBC, respectively. This option overrides IMGPROXY_SOURCE_URL_ENCRYPTION_KEY from process.env for one request.
- encryptIV (string | undefined) - (optional, PRO feature) hex-encoded 16-bytes length IV for encrypting url. If not specified, the IV will be generated randomly. But it's better if you specify it yourself. Read more in imgproxy docs iv-generation.

Development

The project uses changesets to manage versioning and changelog.
Typical workflow is as follows:
1. make changes to codebase,
2. run npm run changesets at project root and follow prompt to generate a "changeset" (logging a change),
3. commit both (1) and (2) into git.

The changesets Github action is triggered on push to main` and will create a corresponding "Changesets: Versioning & Publication" pull request, which, upon merged, will trigger publication of the new version to NPM.