wsrv.nl

https://wsrv.nl/docs/
Admin
wsrv.nl is an image cache and resize service that fetches, resizes, caches, and delivers images...
Tokens:7,743
Snippets:99
Trust Score:8.7
Update:3 months ago
Show doc for...
Tokens:
Raw
### GET /

Source: https://wsrv.nl/docs/size

Resize an image by specifying width, height, or device pixel ratio parameters.

```APIDOC
## GET /

### Description
Control how the image is resized. You can use both &w= and &h= parameters or only one of them; the other dimension is automatically updated.

### Query Parameters
- **w** (integer/string) - Optional - Set the width of the image, in pixels or as a percentage (ending with %). 
- **h** (integer/string) - Optional - Set the height of the image, in pixels or as a percentage (ending with %). 
- **dpr** (integer) - Optional - The device pixel ratio (1-8) used to convert between CSS pixels and device pixels. Requires width or height to be specified.

### Request Example
https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=144&dpr=2
```

--------------------------------

### GET / (Image Processing)

Source: https://wsrv.nl/docs/crop

The wsrv.nl service provides various query parameters to manipulate images, including cropping and alignment.

```APIDOC
## GET /

### Description
Apply cropping, alignment, and trimming operations to an image.

### Query Parameters
- **a** (string) - Optional - Alignment position (center, top, right, bottom, left, top-left, bottom-left, bottom-right, top-right), focal point (focal), or smart crop strategy (entropy, attention).
- **fpx** (float) - Optional - Horizontal focal point offset (0.0 to 1.0).
- **fpy** (float) - Optional - Vertical focal point offset (0.0 to 1.0).
- **cx** (integer) - Optional - Rectangle crop x-coordinate.
- **cy** (integer) - Optional - Rectangle crop y-coordinate.
- **cw** (integer) - Optional - Rectangle crop width.
- **ch** (integer) - Optional - Rectangle crop height.
- **trim** (integer) - Optional - Trim pixels from edges with a tolerance level (1-254).
- **tbg** (string) - Optional - Background color for trimming.

### Request Example
GET //wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&a=top
```

--------------------------------

### GET / (Image Adjustments)

Source: https://wsrv.nl/docs/adjustment

The wsrv.nl service supports various image adjustment parameters as query strings on the base URL.

```APIDOC
## GET /

### Description
Perform image editing operations by appending adjustment parameters to the image URL.

### Query Parameters
- **bg** (string) - Optional - Set background color (color names, hex RGB, or ARGB).
- **blur** (float) - Optional - Blur the image (0.3 to 1000).
- **con** (integer) - Optional - Adjust contrast (-100 to 100).
- **filt** (string) - Optional - Apply filter (greyscale, sepia, duotone, negate).
- **gam** (float) - Optional - Gamma correction (1.0 to 3.0).
- **mod** (string) - Optional - Modulate brightness, saturation, and hue (format: [brightness],[saturation],[hue]).
- **sat** (float) - Optional - Adjust saturation multiplier.
- **hue** (integer) - Optional - Hue rotation in degrees.
- **sharp** (float) - Optional - Sharpen the image (0.000001 to 10).
- **tint** (string) - Optional - Tint the image with a color.
```

--------------------------------

### GET /

Source: https://wsrv.nl/docs/fit

The image processing service uses query parameters to define fitting behavior. The 'fit' parameter determines how the image is scaled relative to the target width (w) and height (h).

```APIDOC
## GET /

### Description
Resize and fit an image based on the provided dimensions and fit mode.

### Method
GET

### Endpoint
/

### Parameters
#### Query Parameters
- **url** (string) - Required - The source URL of the image.
- **w** (integer) - Optional - The target width.
- **h** (integer) - Optional - The target height.
- **fit** (string) - Optional - The fitting mode: inside, outside, cover, fill, or contain.
- **we** (boolean) - Optional - Without enlargement flag; do not enlarge if dimensions are already smaller.
- **cbg** (string) - Optional - Background color for letterboxing (used with fit=contain).

### Request Example
https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=inside
```

--------------------------------

### Display a default fallback image

Source: https://wsrv.nl/docs/format

Provide a placeholder URL to display if the primary image fails to load.

```html
<img src="//wsrv.nl/?url=example.org/noimage.jpg&default=wsrv.nl/placeholder.svg">
```

```markdown
![Default image](https://wsrv.nl/?url=example.org/noimage.jpg&default=wsrv.nl/placeholder.svg)
```

--------------------------------

### Convert image output format

Source: https://wsrv.nl/docs/format

Force the image to be encoded into a specific format like webp, jpg, or png.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&output=webp">
```

```markdown
![Output](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&output=webp)
```

--------------------------------

### Enable interlacing or progressive rendering

Source: https://wsrv.nl/docs/format

Apply interlacing to GIF/PNG or progressive rendering to JPEG images.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&il">
```

```markdown
![Interlace / progressive](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&il)
```

--------------------------------

### Render multiple pages

Source: https://wsrv.nl/docs/format

Specify the number of pages to render, useful for animated formats like WebP or GIF.

```html
<img src="//wsrv.nl/?url=wsrv.nl/banana.webp&h=300&output=gif&n=-1">
```

```markdown
![Number of pages](https://wsrv.nl/?url=wsrv.nl/banana.webp&h=300&output=gif&n=-1)
```

--------------------------------

### Set image width

Source: https://wsrv.nl/docs/size

Define the image width in pixels or as a percentage.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300">
```

```markdown
![Width](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300)
```

--------------------------------

### Apply Smart Crop

Source: https://wsrv.nl/docs/crop

Automatically crops images based on entropy or attention strategies when using fit=cover.

```html
<img src="//wsrv.nl/?url=wsrv.nl/puppy.jpg&w=300&h=300&fit=cover&a=attention">
```

```markdown
![Smart crop](https://wsrv.nl/?url=wsrv.nl/puppy.jpg&w=300&h=300&fit=cover&a=attention)
```

--------------------------------

### Image Processing Query Parameters

Source: https://wsrv.nl/docs/quick-reference

The following parameters are available for image transformation and optimization via query strings.

```APIDOC
## Image Processing Parameters

### Query Parameters
- **w** (string) - Set the width of the image, in pixels or as a percentage.
- **h** (string) - Set the height of the image, in pixels or as a percentage.
- **dpr** (string) - Set the output density of the image.
- **fit** (string) - Set how the image is fitted to its target dimensions.
- **cbg** (string) - Set the background color when using &fit=contain.
- **we** (string) - Do not enlarge the image.
- **a** (string) - Set how the image is aligned.
- **crop** (string) - Crop the image to specific dimensions.
- **precrop** (string) - A pre-resize crop behaviour.
- **trim** (string) - Trim pixels from all edges.
- **tbg** (string) - Set the background color for trimming similar values.
- **mask** (string) - Set the mask type from a predefined list.
- **mtrim** (string) - Remove the remaining whitespace from the mask.
- **mbg** (string) - Set the background color of the mask.
- **flip** (string) - Mirror the image vertically (up-down) about the x-axis.
- **flop** (string) - Mirror the image horizontally (left-right) about the y-axis.
- **ro** (string) - Rotate the image.
- **rbg** (string) - Set the background color when rotating by arbitrary angles.
- **bg** (string) - Set the background color of the image.
- **blur** (string) - Blur the image.
- **con** (string) - Adjust the image contrast.
- **filt** (string) - Apply a filter effect to the image.
- **gam** (string) - Apply a gamma correction.
- **mod** (string) - Transform the image using brightness, saturation and hue rotation.
- **sat** (string) - Adjust the saturation of the image.
- **hue** (string) - Apply a hue rotation to the image.
- **sharp** (string) - Sharpen the image.
- **tint** (string) - Tint the image.
- **af** (string) - A filter algorithm that can be applied before compression.
- **encoding** (string) - Encode the image to be used directly in the src= of the <img>-tag.
- **maxage** (string) - Specify how long the browser should cache the image.
- **l** (string) - The zlib compression level.
- **ll** (string) - Enable lossless compression for the output image.
- **default** (string) - Redirect to a default image when an image fails to load.
- **filename** (string) - Specify the filename in the Content-Disposition header.
- **il** (string) - Add interlacing to GIF and PNG. JPEG's become progressive.
- **n** (string) - Select the number of pages to render.
- **output** (string) - Encode the image to a specific format.
- **page** (string) - Load a specific page.
- **q** (string) - Set the quality of the image.
```

--------------------------------

### Set image height

Source: https://wsrv.nl/docs/size

Define the image height in pixels or as a percentage.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=300">
```

```markdown
![Height](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=300)
```

--------------------------------

### Cover Fitting

Source: https://wsrv.nl/docs/fit

Resizes the image to cover both dimensions by cropping to fit, preserving aspect ratio.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover">
```

```markdown
![Cover](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover)
```

--------------------------------

### Outside Fitting

Source: https://wsrv.nl/docs/fit

Resizes the image to be as small as possible while ensuring dimensions are at least the specified size, preserving aspect ratio.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=outside">
```

```markdown
![Outside](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=outside)
```

--------------------------------

### Adjust image quality

Source: https://wsrv.nl/docs/format

Set the compression quality for supported formats using a scale from 1 to 100.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&q=20">
```

```markdown
![Quality](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&q=20)
```

--------------------------------

### Inside Fitting

Source: https://wsrv.nl/docs/fit

Resizes the image to be as large as possible while staying within the specified dimensions, preserving aspect ratio.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=inside">
```

```markdown
![Inside](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=inside)
```

--------------------------------

### Image Processing Parameters

Source: https://wsrv.nl/docs/format

The wsrv.nl service supports various query parameters to manipulate images. These parameters are appended to the base URL to control output format, quality, caching, and more.

```APIDOC
## Query Parameters

- **af** (flag) - Optional - Adaptive row filtering for PNG files.
- **encoding** (string) - Optional - Set to 'base64' to encode the image as a data URL.
- **maxage** (string) - Optional - Cache-Control max-age duration (e.g., '31d').
- **l** (integer) - Optional - Zlib compression level (0-9) for PNG.
- **ll** (flag) - Optional - Enable lossless compression for jxl, tiff, or webp.
- **default** (string) - Optional - URL of a fallback image if the primary image fails to load.
- **filename** (string) - Optional - Filename for the Content-Disposition header.
- **il** (flag) - Optional - Enable interlacing for GIF/PNG or progressive for JPEG.
- **n** (integer) - Optional - Number of pages to render.
- **output** (string) - Optional - Output format (jpg, jxl, png, gif, tiff, webp, json).
- **page** (integer) - Optional - Zero-based index for multi-page images.
- **q** (integer) - Optional - Quality setting (1-100) for jpg, jxl, tiff, or webp.
```

--------------------------------

### Set device pixel ratio

Source: https://wsrv.nl/docs/size

Adjust image density for high-resolution displays. Requires width or height to be specified.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=144&dpr=2">
```

```markdown
![Device pixel ratio](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=144&dpr=2)
```

--------------------------------

### Set Cache-Control max-age

Source: https://wsrv.nl/docs/format

Specify the browser cache duration using time suffixes like d, w, M, or y.

```text
//wsrv.nl?url=wsrv.nl/lichtenstein.jpg&w=100&maxage=31d
```

--------------------------------

### Apply filter

Source: https://wsrv.nl/docs/adjustment

Applies effects like greyscale, sepia, duotone, or negate.

```html
<img src="//wsrv.nl/?url=wsrv.nl/zebra.jpg&w=300&h=300&fit=cover&a=focal&fpx=0.6&filt=duotone">
```

```markdown
![Filter](https://wsrv.nl/?url=wsrv.nl/zebra.jpg&w=300&h=300&fit=cover&a=focal&fpx=0.6&filt=duotone)
```

--------------------------------

### Adjust saturation

Source: https://wsrv.nl/docs/adjustment

Adjusts image saturation using a multiplier.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&sat=0.5">
```

```markdown
![Saturation](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&sat=0.5)
```

--------------------------------

### Fill Fitting

Source: https://wsrv.nl/docs/fit

Stretches the image to the exact dimensions, ignoring the original aspect ratio.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=fill">
```

```markdown
![Fill](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=fill)
```

--------------------------------

### Set background color

Source: https://wsrv.nl/docs/adjustment

Sets the background color of the image using color names or hexadecimal formats.

```html
<img src="//wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=400&bg=black">
```

```markdown
![Background](https://wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=400&bg=black)
```

--------------------------------

### Encode image as Base64

Source: https://wsrv.nl/docs/format

Use the encoding parameter to return the image as a data URL for direct embedding in HTML.

```text
//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&crop=100,100,720,530&encoding=base64
```

--------------------------------

### ro=

Source: https://wsrv.nl/docs/orientation

Rotate the image by a specified degree.

```APIDOC
## ro=

### Description
Rotate the image. The provided angle is converted to a valid positive degree rotation. When rotating by an angle other than a multiple of 90, the background color can be provided with the rbg parameter.

### Query Parameters
- **ro** (integer) - Optional - The angle of rotation.
- **rbg** (string) - Optional - The background color when rotating by an angle other than a multiple of 90.
```

--------------------------------

### flop

Source: https://wsrv.nl/docs/orientation

Mirror the image horizontally (left-right) about the y-axis. This occurs after rotation.

```APIDOC
## flop

### Description
Mirror the image horizontally (left-right) about the y-axis. This always occurs after rotation, if any.

### Query Parameters
- **flop** (flag) - Optional - Mirror the image horizontally.
```

--------------------------------

### Adjust contrast

Source: https://wsrv.nl/docs/adjustment

Adjusts image contrast using values between -100 and +100.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&con=25">
```

```markdown
![Contrast](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&con=25)
```

--------------------------------

### flip

Source: https://wsrv.nl/docs/orientation

Mirror the image vertically (up-down) about the x-axis. This occurs after rotation.

```APIDOC
## flip

### Description
Mirror the image vertically (up-down) about the x-axis. This always occurs after rotation, if any.

### Query Parameters
- **flip** (flag) - Optional - Mirror the image vertically.
```

--------------------------------

### Adjust brightness

Source: https://wsrv.nl/docs/adjustment

Adjusts image brightness using a multiplier.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&mod=2">
```

```markdown
![Brightness](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&mod=2)
```

--------------------------------

### Flop image horizontally

Source: https://wsrv.nl/docs/orientation

Mirrors the image horizontally about the y-axis after any rotation is applied.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=300&flop">
```

```markdown
![Flop](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=300&flop)
```

--------------------------------

### Tint image

Source: https://wsrv.nl/docs/adjustment

Tints the image using a specified color.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&tint=red">
```

```markdown
![Tint](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&tint=red)
```

--------------------------------

### Mask background &mbg=

Source: https://wsrv.nl/docs/mask

Sets the background color of the masked area.

```APIDOC
## Query Parameter: &mbg=

### Description
Sets the background color of the mask. Supported color formats are determined by the service's color handling.

### Request Example
<img src="//wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=400&bg=black&mask=heart&mbg=red">
```

--------------------------------

### Contain Fitting

Source: https://wsrv.nl/docs/fit

Contains the image within dimensions using letterboxing, optionally filling empty space with a background color.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=contain&cbg=black">
```

```markdown
![Contain](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=contain&cbg=black)
```

--------------------------------

### Embed Resized Images

Source: https://wsrv.nl/docs

Use these snippets to embed images resized by the wsrv.nl service into your web content.

```html
<!-- wsrv.nl/lichtenstein.jpg -->
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300">
```

```markdown
<!--- wsrv.nl/lichtenstein.jpg --->
![Lichtenstein](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300)
```

--------------------------------

### Apply a circle mask to an image

Source: https://wsrv.nl/docs/mask

Applies a circular mask to the specified image URL.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&mask=circle">
```

```markdown
![Mask type](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&mask=circle)
```

--------------------------------

### Apply blur

Source: https://wsrv.nl/docs/adjustment

Blurs the image using a Gaussian mask with a specified sigma value.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&blur=5">
```

```markdown
![Blur](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&blur=5)
```

--------------------------------

### Set Focal Point Alignment

Source: https://wsrv.nl/docs/crop

Specifies a precise focal point using horizontal and vertical decimal offsets.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&a=focal&fpy=0.45">
```

```markdown
![Focal point](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&a=focal&fpy=0.45)
```

--------------------------------

### Mask type &mask=

Source: https://wsrv.nl/docs/mask

Sets the mask shape for the image from a predefined list of shapes.

```APIDOC
## Query Parameter: &mask=

### Description
Applies a geometric mask to the image. Valid shapes include: circle, ellipse, triangle, triangle-180, pentagon, pentagon-180, hexagon, square, star, and heart.

### Request Example
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&mask=circle">
```

--------------------------------

### Set Alignment Position

Source: https://wsrv.nl/docs/crop

Aligns the image within its container when using fit parameters.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&a=top">
```

```markdown
![Alignment position](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&a=top)
```

--------------------------------

### Apply gamma correction

Source: https://wsrv.nl/docs/adjustment

Applies gamma correction with values between 1.0 and 3.0.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&gam=3">
```

```markdown
![Gamma](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&gam=3)
```

--------------------------------

### Sharpen image

Source: https://wsrv.nl/docs/adjustment

Sharpens the image using a Gaussian mask on the L channel.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&sharp=3">
```

```markdown
![Sharpen](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&sharp=3)
```

--------------------------------

### Flip image vertically

Source: https://wsrv.nl/docs/orientation

Mirrors the image vertically about the x-axis after any rotation is applied.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=300&flip">
```

```markdown
![Flip](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=300&flip)
```

--------------------------------

### Mask trim &mtrim

Source: https://wsrv.nl/docs/mask

Removes the remaining whitespace from the mask area.

```APIDOC
## Query Parameter: &mtrim

### Description
Removes the remaining whitespace from the mask.

### Request Example
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=900&fit=cover&a=crop-22-0&mask=circle&mtrim">
```

--------------------------------

### Trim Image Edges

Source: https://wsrv.nl/docs/crop

Removes pixels from edges based on color similarity to the background.

```html
<img src="//wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=300&trim=10">
```

```markdown
![Trim](https://wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=300&trim=10)
```

--------------------------------

### Apply hue rotation

Source: https://wsrv.nl/docs/adjustment

Rotates the image hue by a specified number of degrees.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&hue=90">
```

```markdown
![Hue rotation](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&hue=90)
```

--------------------------------

### Without Enlargement

Source: https://wsrv.nl/docs/fit

Prevents the image from being upscaled if its original dimensions are smaller than the target.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=inside&we">
```

```markdown
![Without enlargement](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=inside&we)
```

--------------------------------

### Set a background color for a mask

Source: https://wsrv.nl/docs/mask

Defines the background color for the masked area using the mbg parameter.

```html
<img src="//wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=400&bg=black&mask=heart&mbg=red">
```

```markdown
![Mask background](https://wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=400&bg=black&mask=heart&mbg=red)
```

--------------------------------

### Rotate image

Source: https://wsrv.nl/docs/orientation

Rotates the image by a specified degree. Use the rbg parameter to set a background color when rotating by non-90-degree increments.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=300&ro=45&rbg=red">
```

```markdown
![Rotation](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&h=300&ro=45&rbg=red)
```

--------------------------------

### Extract Rectangular Region

Source: https://wsrv.nl/docs/crop

Crops a specific region of the image after resizing, supporting absolute or percentage values.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&cx=680&cy=500&cw=300&ch=300">
```

```markdown
![Rectangle crop](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&cx=680&cy=500&cw=300&ch=300)
```

--------------------------------

### Trim whitespace from a mask

Source: https://wsrv.nl/docs/mask

Removes extra whitespace around the masked area.

```html
<img src="//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=900&fit=cover&a=crop-22-0&mask=circle&mtrim">
```

```markdown
![Mask trim](https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=900&fit=cover&a=crop-22-0&mask=circle&mtrim)
```
Tokens:
Raw