Images Filters

Learn how to apply filters on images, such as brightness, opacity, and pixelate so on.

Brightness

The brightness must be in range (-100, 100).

1![Image Brightness](/images/great-wall.jpg?fit=200x200&brightness=-30)
Image Brightness

ColorBalance

ColorBalance creates a filter that changes the color balance of an image. The percentage parameters for each color channel (red, green, blue) must be in range (-100, 500).

1![Image ColorBalance](/images/great-wall.jpg?fit=200x200&colorBalance=-50,50,150)
Image ColorBalance

Colorize

Colorize creates a filter that produces a colorized version of an image. The hue parameter is the angle on the color wheel, typically in range (0, 360). The saturation parameter must be in range (0, 100). The percentage parameter specifies the strength of the effect, it must be in range (0, 100).

1![Image Colorize](/images/great-wall.jpg?fit=200x200&colorize=100,50,150)
Image Colorize

Contrast

The contrast must be in range (-100, 100).

1![Image Contrast](/images/great-wall.jpg?fit=200x200&contrast=50)
Image Contrast

Gamma

Gamma creates a filter that performs a gamma correction on an image. The gamma parameter must be positive. Gamma = 1 gives the original image. Gamma less than 1 darkens the image and gamma greater than 1 lightens it.

1![Image Gamma](/images/great-wall.jpg?fit=200x200&gamma=2)
Image Gamma

GaussianBlur

Applies a gaussian blur to an image.

1![Image GaussianBlur](/images/great-wall.jpg?fit=200x200&gaussianBlur=2)
Image GaussianBlur

Grayscale

Grayscale creates a filter that produces a grayscale version of an image.

1![Image Grayscale](/images/great-wall.jpg?fit=200x200&grayscale)
Image Grayscale

Hue

Hue creates a filter that rotates the hue of an image. The hue angle shift is typically in range -180 to 180.

1![Image Hue](/images/great-wall.jpg?fit=200x200&hue=90)
Image Hue

Invert

Invert creates a filter that negates the colors of an image.

1![Image Invert](/images/great-wall.jpg?fit=200x200&invert)
Image Invert

Opacity

Apply a opacity filter on an image.

1![Image Opacity](/images/great-wall.jpg?fit=200x200&opacity=0.5)
Image Opacity

Pixelate

Pixelate creates a filter that applies a pixelation effect to an image.

1![Image Pixelate](/images/great-wall.jpg?fit=200x200&pixelate=8)
Image Pixelate

Saturation

Saturation creates a filter that changes the saturation of an image.

1![Image Saturation](/images/great-wall.jpg?fit=200x200&saturation=100)
Image Saturation

Sepia

Sepia creates a filter that produces a sepia-toned version of an image.

1![Image Sepia](/images/great-wall.jpg?fit=200x200&sepia=200)
Image Sepia

Sigmoid

Sigmoid creates a filter that changes the contrast of an image using a sigmoidal function and returns the adjusted image. It’s a non-linear contrast change useful for photo adjustments as it preserves highlight and shadow detail.

1![Image Sigmoid](/images/great-wall.jpg?fit=200x200&sigmoid=2,5)
Image Sigmoid

UnsharpMask

UnsharpMask creates a filter that sharpens an image. The sigma parameter is used in a gaussian function and affects the radius of effect. Sigma must be positive. Sharpen radius roughly equals 3 * sigma. The amount parameter controls how much darker and how much lighter the edge borders become. Typically between 0.5 and 1.5. The threshold parameter controls the minimum brightness change that will be sharpened. Typically between 0 and 0.05.

1![Image UnsharpMask](/images/great-wall.jpg?fit=400x300&unsharpMask=10,1,0.05)
Image UnsharpMask