auto
_ _value for this parameter (w-auto). Doing so will instruct ImageKit to read the width value from the Width Client Hint request header. Learn more about client hints here.bg
) in the URL.fo-left
transformation to our image. Now, all the padding is on the right of the image, while the image itself is on the left (determined by the value of focus(fo) parameter).fo-top
transformation to our image. Now, all the padding is on the bottom of the image, while the image itself is on the top (determined by the value of focus(fo) parameter).fo
parameters are - center
, top
, left
, bottom
, right
, top_left
, top_right
, bottom_left
and bottom_right
.x
and y
to determine the position of the top-left corner from where the extract would begin.xc
and yc
to determine the position of the center of the image which would be extracted.x
, y
, xc
or xy
coordinates to focus on a particular area, you can also specify the focus area in an image while uploading the image or from the media library and then use fo-custom
transformation in the image URL. ImageKit will then utilize the custom crop area specified with the image for all crop operations. This custom focus mode works for both the extract crop and the default maintain ratio crop strategy.Orientation
value in the image metadata. This could result in unexpected behavior when using, cm-extract
. In that case, you will have to adjust the values of x
and y
to accommodate for the oriented image.cm-pad_extract
transformation parameter in the URL.left
, right
, top
, bottom
can be to control the position of padding when used with pad resize. Learn from example.fo-custom
can be used to define a specific focus area when used with maintain ratio and extract crop.center
, top
, left
, bottom
, right
, top_left
, top_right
, bottom_left
and bottom_right
can be used to define relative cropping during extract crop. Learn from examples.fo
parameter also have two additional options that intelligently detect the most important part of an image to create thumbnails i.e. auto
and face
. Let's see them in action:fo-auto
parameter in the URL transformation parameters.80
(can be managed from image settings in dashboard)auto
,jpg
, jpeg
, webp
, avif
and png
auto
(from dashboard settings)bl
specifies the radius of the Gaussian Blur that is to be applied. Higher the value, the larger the radius of Gaussian Blur. Possible values include integers between 1
and 100
.dpr
parameter can only be used when either the height or width of the desired output image is specified.0.1
to 5
.auto
value for this parameter (dpr-auto
). Doing so will instruct ImageKit to read the dpr
value from the DPR Client Hint request header. Learn more about client hints here.thumbnail
for a transformation string - tr:w-100,h-100,c-at_max,fo-auto
and is used like:
https://ik.imagekit.io/demo/img/tr:n-media_library_thumbnail/default-image.jpg​If the default image is nested inside multiple folders, then you need to specify the entire default image path in this parameter. Replace/
with@@
in the default image path. For example, if the default image is accessible onhttps://ik.imagekit.io/demo/path/to/image.jpg
, then thedi
parameter should be[email protected]@[email protected]@[email protected]@image.jpg
.
true
and false
.
https://ik.imagekit.io/demo/tr:h-300,w-400,f-jpg,pr-true/medium_cafe_B1iTdD0C.jpg​true
and false
https://ik.imagekit.io/demo/tr:w-500,h-361,lo-true/medium_cafe_B1iTdD0C.jpg​t-true|Number
Possible Values include true
and integer values between 1
and 99
that specify the threshold level for considering a particular pixel as "background".true
true
. This is because with a higher value specified for trim, more and more pixels are considered as similar and redundant and hence get removed.b-<border-width>-<hex code>
true
.false
(from the dashboard)true
and false
false
(from the dashboard)true
and false
auto
parameter.0
, 90
, 180
, 270
, 360
, and auto
auto
if you want ImageKit.io to automatically rotate image based on EXIF orientation tag in image metadata.max
. This parameter is applied after resizing the original image, if defined.max
00
and 99
, which is used to indicate the opacity level of the background. 00
represents an opacity level of 0.00, 01
represents opacity level 0.01, and so on.
Default Value - Black 00000orig
and set the value to true
. If there are any other transformation parameters specified along with orig-true
, then those get ignored.ik-attachment=true
query param in the URL to download the file as an attachment rather than viewing it inline in the web browser.content-disposition
header in the response with the value attachment
along with the file name.