(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0c8e23"],{"577b":function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},i=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"transformations"},[a("h1",[t._v("Transformations")]),a("p",[t._v(" Different parameters to change images. ")]),a("h4",{staticClass:"jumptarget",attrs:{id:"jump-resizing"}},[t._v("Resizing")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("aliases")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("width")]),a("td",[t._v("wid | w")]),a("td",[t._v("Specify the width of the image.")])]),a("tr",[a("td",[t._v("height")]),a("td",[t._v("hei | h")]),a("td",[t._v("Specify the height of the image.")])]),a("tr",[a("td",[t._v("bgc")]),a("td",{attrs:{colspan:"2"}},[t._v("Specify a background when padding is needed. Will also show on transparency.")])]),a("tr",[a("td",[t._v("quality")]),a("td",[t._v("qlt | q")]),a("td",[t._v("This value can compromise between quality and performance.")])])])]),a("p",[t._v(" Width and Height can be specified. ")]),a("code",[t._v("&width=320&height=180&bgc=lime")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=320&h=180&bgc=lime"}}),a("p",[t._v(" If only one of "),a("code",[t._v("width")]),t._v(" or "),a("code",[t._v("height")]),t._v(" is specified, the other dimension will maintain the image's aspect-ratio. ")]),a("p",[t._v(" When both parameters are specified, the image will be resized to the requested dimensions. The aspect-ratio is preserved, and the image is padded to comply with the values. ")]),a("p",[t._v(" When padding is done, you can specify the background color for it. ")]),a("code",[t._v("&bgc=indigo")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=320&h=180&bgc=indigo"}}),a("p",[t._v(" The background color understands web named colors like "),a("code",[t._v("lime")]),t._v(", "),a("code",[t._v("black")]),t._v(", "),a("code",[t._v("LightSteelBlue")]),t._v(", etc. "),a("br"),t._v("Here is some reference: "),a("a",{attrs:{href:"https://en.wikipedia.org/wiki/Web_colors",target:"_blank"}},[t._v("Web Colors")])]),a("p",[t._v(" To specify that you want to use a "),a("code",[t._v("hex")]),t._v(" value, prepend an "),a("code",[t._v("_")]),t._v(" to the value. ")]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&bgc=_00ff00")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=_00ff00"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&bgc=lightsteelblue")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=lightsteelblue"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&bgc=_000")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=_000"}})])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-quality"}},[t._v("Quality")]),a("p",[t._v(" The "),a("code",[t._v("quality")]),t._v(" parameter only has effect on the default "),a("code",[t._v("webp")]),t._v(" format, and the "),a("code",[t._v("jpg")]),t._v(" format. "),a("br"),t._v("The quality value is defaulted to "),a("code",[t._v("90")]),t._v(" and can be changed in your account's dashboard. "),a("br"),t._v("This default value is overriden by using the parameter from the url. ")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Params")]),a("th",[t._v("image")])])]),a("tbody",[a("tr",[a("td",{attrs:{colspan:"2"}},[t._v("JPG examples")])]),a("tr",[a("td",[a("code",[t._v("&f=jpg&q=99")]),a("br"),t._v("17.7 kb ")]),a("td",[a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=black&f=jpg&q=99"}})])]),a("tr",[a("td",[a("code",[t._v("&f=jpg&q=80")]),a("br"),t._v("4.7 kb ")]),a("td",[a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=black&f=jpg&q=80"}})])]),a("tr",[a("td",[a("code",[t._v("&f=jpg&q=60")]),a("br"),t._v("3.4 kb ")]),a("td",[a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=black&f=jpg&q=60"}})])]),a("tr",[a("td",{attrs:{colspan:"2"}},[t._v("WEBP examples")])]),a("tr",[a("td",[a("code",[t._v("&f=webp&q=99")]),a("br"),t._v("9.0 kb ")]),a("td",[a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=black&f=webp&q=99"}})])]),a("tr",[a("td",[a("code",[t._v("&f=webp&q=80")]),a("br"),t._v("3.6 kb ")]),a("td",[a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=black&f=webp&q=80"}})])]),a("tr",[a("td",[a("code",[t._v("&f=webp&q=60")]),a("br"),t._v("2.7 kb ")]),a("td",[a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=black&f=webp&q=60"}})])])])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-extend"}},[t._v("Extend")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("extend")]),a("td",[t._v("Extend image beyond edges, to fill in the area.")])])])]),a("p",[t._v(" When resizing with "),a("code",[t._v("extend")]),t._v(", the smallest dimension will be used to fit (and possibly overflow) the requested dimensions. ")]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&extend=0 &w=320&h=180")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=320&h=180&extend=0"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&extend=1 &w=320&h=180")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=320&h=180&extend=1"}})])]),a("p",[t._v(" The 1st image without extend, relies on padding on its sides to comply with the requested dimensions. "),a("br"),t._v('The 2nd image with extend, resizes the image to the requested width, and the requested height makes the resulting image "overflow out of sight". ')]),a("p",[t._v(" The missing top and bottom areas overflowed outside the dimensions as the content grew horizontally to cover the width. This only works when both "),a("code",[t._v("width")]),t._v(" and "),a("code",[t._v("height")]),t._v(" are specified as parameters. ")]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-cover"}},[t._v("Cover")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("cover")]),a("td",[t._v("Allow distortion of image to fill in the area.")])])])]),a("p",[t._v(" Return the image in the requested dimensions, allowing distortion to fill the area completely. ")]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&cover=0 &w=320&h=180")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=320&h=180&cover=0"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&cover=1 &w=320&h=180")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=320&h=180&cover=1"}})])]),a("p",[t._v(" The 1st image without cover, relies on padding on its sides to comply with the requested dimensions. "),a("br"),t._v("The 2nd image with cover, resizes the image to the requested width and height, and distorts the image to fill in the area. ")]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-enlargement"}},[t._v("Allow Enlargement")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("allowenl")]),a("td",[t._v("Allow enlarging an image beyond its natural dimensions.")])])])]),a("p",[t._v(" By default, image enlargement is disabled, meaning, if you request an image wider or higher than its natural/original dimensions, it will not grow past its natural dimensions. ")]),a("p",[t._v(" If you specify both "),a("code",[t._v("width")]),t._v(" and "),a("code",[t._v("height")]),t._v(", the resulting image will adhere to the request, but the original image will be padded into the center inside the resulting size. ")]),a("p",[t._v(" To allow an image to grow beyond its natural dimensions, you can enable the behavior by using the parameter on a per-image basis. ")]),a("code",[t._v("&allowenl=1")]),t._v(" "),a("em",[t._v("(removes the constraint)")]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-sharpening"}},[t._v("Sharpening")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("sharp")]),a("td",[t._v("Sharpen an image after resize.")])])])]),a("p",[t._v(" Most of the time a resize from a large image to a small version/variant will produce blurry/fuzzy results so a sharpen may enhance the final image. ")]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&sharp=0")]),t._v(" "),a("em",[t._v("(or omitted)")]),t._v(" "),a("code",[t._v("&w=200&h=100")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&sharp=0"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&sharp=1 &w=200&h=100")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&sharp=1"}})])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-dpr"}},[t._v("dpr (Device Pixel Ratio)")]),a("p",[t._v(" Device Pixel Ratio. Parameters (if supplied) "),a("code",[t._v("width")]),t._v(" and "),a("code",[t._v("height")]),t._v(" are multiplied by the "),a("code",[t._v("dpr")]),t._v(" value."),a("br"),t._v(" Serve correctly sized images for devices that expose a device pixel ratio. ")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("dpr")]),a("td"),a("td",[t._v("dpr is validated to be between 1 and 5")])])])]),a("p",[a("code",[t._v("&dpr=[value]")])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-cropping"}},[t._v("Cropping")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("crop")]),a("td",[t._v("c")]),a("td",[t._v("Value like: "),a("code",[t._v("[Xoffset],[Yoffset],[width],[height]")]),t._v(".")])])])]),a("p",[t._v(' Cropping is the process of selecting what part of the image should "come into view". It requires that you know the image\'s natural dimensions. The crop parameters will first identify the section of the image to crop, and then any resizing is applied. The crop parameters refer to the dimensions of the image before any resizing. ')]),a("p",[a("code",[t._v("&crop=[Xoffset],[Yoffset],[width],[height]")])]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Arg")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("Xoffset")]),a("td",[t._v("From the top-left corner of the image, move "),a("code",[t._v("RIGHT")]),t._v(" this amount of pixels.")])]),a("tr",[a("td",[t._v("Yoffset")]),a("td",[t._v("From the top-left corner of the image, move "),a("code",[t._v("DOWN")]),t._v(" this amount of pixels.")])]),a("tr",[a("td",[t._v("width")]),a("td",[t._v("From "),a("code",[t._v("Xoffset")]),t._v(", specify the width of the image to consider.")])]),a("tr",[a("td",[t._v("height")]),a("td",[t._v("From "),a("code",[t._v("Yoffset")]),t._v(", specify the height of the image to consider.")])])])]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&w=320&h=180")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=320&h=180"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&w=320&h=180 &crop=300,360,850,330")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=320&h=180&crop=300,360,850,330"}})])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-format"}},[t._v("Format")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("format")]),a("td",[t._v("fmt | f")]),a("td",[t._v("Specify the image format.")])])])]),a("p",[t._v(" The default format is "),a("code",[t._v("webp")]),t._v(", even if the source image is "),a("code",[t._v("jpg")]),t._v(", the image will be of format "),a("code",[t._v("webp")]),t._v(", unless requested explicitly in another format. ")]),a("p",[t._v(" The supported formats are: "),a("code",[t._v("png")]),t._v(", "),a("code",[t._v("jpg")]),t._v(", "),a("code",[t._v("gif")]),t._v(", "),a("code",[t._v("webp")])]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&format=jpg")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=_000&format=jpg&sharp=1"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&format=png")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=_000&format=png&sharp=1"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&format=gif")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&bgc=_000&format=gif&sharp=1"}})])]),a("p",[a("em",[t._v("(3 images also have &sharp=1)")])]),a("p",[t._v(" Even thou the default format is "),a("code",[t._v("webp")]),t._v(", the service will inspect the request's "),a("code",[t._v("Accept")]),t._v(" header and determine if the client supports "),a("code",[t._v("webp")]),t._v(" by looking for "),a("code",[t._v("image/webp")]),t._v(". ")]),a("p",[t._v(" If the client does not mention "),a("code",[t._v("image/webp")]),t._v(" in the "),a("code",[t._v("Accept")]),t._v(" header, and the "),a("code",[t._v("format")]),t._v(" parameter is not used, then the image will be returned as a "),a("code",[t._v("png")]),t._v(". ")]),a("h5",{staticClass:"jumptarget",attrs:{id:"flipflop"}},[t._v("Flipping & Flopping")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("flip")]),a("td",[t._v("Flip will make a mirror projection vertically.")])]),a("tr",[a("td",[t._v("flop")]),a("td",[t._v("Flop will make a mirror projection horizontally.")])])])]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&flip=1")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&flip=1"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&flop=1")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&flop=1"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&flip=1&flop=1")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&flip=1&flop=1"}})])]),a("h2",{staticClass:"jumptarget",attrs:{id:"jump-other"}},[t._v("Other Operations")]),a("p",[t._v(" The following operations ... ")]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-rotation"}},[t._v("Rotation")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("rotate")]),a("td",[t._v("rot")]),a("td",[t._v("Rotate the image.")])])])]),a("p",[t._v(" An image can be told to rotate, using a value in degrees (0-360). The rotation goes clock-wise. ")]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&rotate=45 &w=180&h=180&bgc=_abd")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=180&h=180&bgc=_abd&rotate=45"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&rotate=-45 &w=180&h=180&bgc=_abd")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=180&h=180&bgc=_abd&rotate=-45"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&rotate=90 &w=180&h=180&bgc=_abd")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=180&h=180&bgc=_abd&rotate=90"}})])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-sepia"}},[t._v("Sepia")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("sepia")]),a("td",[t._v("Give a sepia filter.")])])])]),a("p",[t._v(" Put a "),a("code",[t._v("sepia")]),t._v(" filter on your image. Acceptable value from range [60-100]. ")]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&sepia=66")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&sepia=66"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&sepia=77")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&sepia=77"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&sepia=88")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&sepia=88"}})])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-pixelate"}},[t._v("Pixelate")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("pixelate")]),a("td",[t._v("pix")]),a("td",[t._v("Pixelate your image.")])])])]),a("p",[t._v(" Pixelate your image. Acceptable values are 1, 2, 3, 4. ")]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&pixelate=1")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&pixelate=1"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&pixelate=2")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&pixelate=2"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&pixelate=3")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&pixelate=3"}})])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-blur"}},[t._v("Blur")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("blur")]),a("td"),a("td",[t._v("Blur your image.")])])])]),a("p",[t._v(" Acceptable values are integers between 1 and 40. ")]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&blur=0")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&blur=0"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&blur=1")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&blur=1"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&blur=2")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&blur=2"}})])]),a("br"),a("br"),a("h3",[t._v("Some color manipulations")]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-brightness"}},[t._v("Brightness")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("brightness")]),a("td",[t._v("bright | mod")]),a("td",[t._v("Brightness value. Accepted values between -100 and 100")])])])]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&brightness=-50")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&brightness=-50"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&brightness=0")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&brightness=0"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&brightness=50")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&brightness=50"}})])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-saturation"}},[t._v("Saturation")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("saturation")]),a("td",[t._v("sat")]),a("td",[t._v("Saturation value. Accepted values between -100 and 100")])])])]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&saturation=-50")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&saturation=-50"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&saturation=0")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&saturation=0"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&saturation=50")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&saturation=50"}})])]),a("h5",{staticClass:"jumptarget",attrs:{id:"jump-hue"}},[t._v("Hue")]),a("table",{staticClass:"table table-hover table-striped"},[a("thead",[a("tr",[a("th",[t._v("Param")]),a("th",[t._v("alias")]),a("th",[t._v("Details")])])]),a("tbody",[a("tr",[a("td",[t._v("hue")]),a("td"),a("td",[t._v("Hue value. Accepted values between -100 and 100")])])])]),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md"},[a("code",[t._v("&hue=-50")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&hue=-50"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&hue=0")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&hue=0"}})]),a("div",{staticClass:"col-md"},[a("code",[t._v("&hue=50")]),a("br"),a("img",{staticClass:"img-demo",attrs:{src:"https://cdn.ixmage.com/v2/grappler/images/photos/2017.01.00/IMG_4205.JPG?w=200&h=100&hue=50"}})])]),a("br"),a("br"),a("h2",[t._v("Pending to document")]),t._v(" raise"),a("br"),t._v(" vignette"),a("br"),t._v(" opacity | o"),a("br"),t._v(" annotate"),a("br"),a("br"),a("br")])}],r={name:"Transformations",components:{}},o=r,d=a("2877"),c=Object(d["a"])(o,s,i,!1,null,null,null);e["default"]=c.exports}}]);
//# sourceMappingURL=chunk-2d0c8e23.18d9fddb.js.map