Edit images via the URL

To edit images before they are served, you don’t need to do anything complicated. You can simply adjust the image output using parameters in the URL.

Adjust width

To crop an image to a width of 400 pixels, for example, use:

In the above example, the height of the image is variable; only the width is fixed.

In this example, the image has been resized to fit, and any sides are filled with white space.

To load a square crop of an image, also include a crop parameter:

The largest possible crop is now taken from the image (as little as possible is cut off to make it square).

To adjust the quality, and thus the size (in bytes) of the image, use the Q parameter, as shown below:

In this example, the quality has been reduced to 10%.

To add blur, use the B parameter, as shown below:

In this example, a value of 1 was used for blur; you can use 0 through 3.

On this page