bellroy / elm-imgix / ImgIX.Adjustment

Adjustment parameters do basic retouching operations similar to those in image-editing applications like Adobe® Photoshop®. You can use them to fix common issues such as under- or over-exposure, blurriness, and color range, or alter your images artistically.

For additional artistic effects, see the Stylize parameters.


type Adjustment

The Adjustment type

Available adjustments

brightness : Basics.Int -> Adjustment

Adjusts the overall brightness of the image.

Valid values are in the range -100 – 100. The default value is 0, which leaves the image unchanged.

original

original

brightness 50

brightness 50

contrast : Basics.Int -> Adjustment

Adjusts the contrast of the image.

Valid values are in the range -100 – 100. The default value is 0, which leaves the image unchanged.

original

original

contrast -50

contrast -50

ImgIx documentation for Contrast

exposure : Basics.Int -> Adjustment

Adjusts the exposure setting for an image, similar to changing the F-stop on a camera.

Valid values are in the range -100 – 100. The default value is 0, which leaves the image unchanged.

original

original

exposure 10

exposure 10

gamma : Basics.Int -> Adjustment

Adjusts gamma and midtone brightness.

Valid values are in the range -100 – 100. The default value is 0, which leaves the image unchanged.

original

original

gamma 50

gamma 50

highlight : Basics.Int -> Adjustment

Adjusts the highlight tonal mapping of an image while preserving detail in highlighted areas.

Valid values are in the range -100 – 0. The default value is 0, which leaves the image unchanged.

original

original

highlight 50

highlight 50

hueshift : Basics.Int -> Adjustment

Adjusts the highlight tonal mapping of an image while preserving detail in highlighted areas.

Valid values are in the range -100 – 0. The default value is 0, which leaves the image unchanged.

original

original

hueshift 50

hueshift 50

invert : Adjustment

Inverts all pixel colors and brightness values within the image, producing a negative of the image.

original

original

invert

invert

saturation : Basics.Int -> Adjustment

Adjusts the saturation of the image.

Valid values are in the range -100 – 100. The default value is 0, which leaves the image unchanged. A value of -100 will convert the image to grayscale.

original

original

saturation 100

saturation 100

shadow : Basics.Int -> Adjustment

Adjusts the shadow tonal mapping of an image while preserving detail in shadowed areas.

Valid values are in the range 0 – 100. The default value is 0, which leaves the image unchanged.

original

original

shadow 50

shadow 50

sharpen : Basics.Int -> Adjustment

Sharpens the image using luminance (which only affects the black and white values), providing crisp detail with minimal color artifacts.

Valid values are in the range 0 – 100. The default value is 0, which leaves the image unchanged.

original

original

sharpen 50

sharpen 50

unsharpmask : Basics.Int -> Basics.Float -> Adjustment

Sharpens the image details using an unsharp mask (a blurred, inverted copy of the image).

Valid values are any integers. The default value is 0, which leaves the image unchanged.

Valid radius values are any floating point number. The default value is 0, which leaves the image unchanged.

For images with general noise, we suggest using the sharp parameter instead. Unsharp mask and radius are better for thumbnails and fine-tuned sharpening.

original

original

unsharpmask 20 10.5

unsharpmask 20 10.5

vibrance : Basics.Int -> Adjustment

Adjusts the color saturation of an image while keeping pleasing skin tones.

Valid values are in the range -100 – 100. The default value is 0, which leaves the image unchanged.

original

original

vibrance 50

vibrance 50

Applying

toQueryParameters : List Adjustment -> List Url.Builder.QueryParameter

Takes a list of adjustments and turns it in to a list of query parameters that ImgIX understands