ox
is 100, then the overlay image is placed at 100px from the left edge of the input image. If the ox
value exceeds the dimensions of the input image, the values are adjusted and made equal to the corresponding dimension of the input image. Negative values are also supported with a leading N in front of the provided value. N
, then treated as a negative integer.oy
is 150, then the overlay image is placed at 150px from the top edge of the input image. If the oy
value exceeds the dimensions of the input image, the values are adjusted and made equal to the corresponding dimension of the input image. Negative values are also supported with a leading N in front of the provided value.N
, then treated as a negative integer.obg
parameter.
Possible Values- Valid RGB Hex Code with optional alpha component00AAFF
(solid color) or 00AAFF55
(with 55% opacity)00
and 99
.ofo
parameter. This position is relative to base image.center
, top
, left
, bottom
, right
, top_left
, top_right
, bottom_left
, and bottom_right
.
Default Value- center
oi
parameter i.e. logo-white_SJwqB4Nfe.png
/
, so there was no slash in the overlay image path. However it could be possible that you have overlay images stored within a specific folder, in that case there will be slashes (/
) in overlay image path. To overcome this you need to replace slash /
with @@
.https://ik.imagekit.io/demo/path/to/overlay.jpg
https://ik.imagekit.io/demo/tr:[email protected]@[email protected]@overlay.jpg/medium_cafe_B1iTdD0C.jpg
false
.true
, false
and integer values between 1
and 99
that specify the threshold level for considering a particular pixel as "background".oiar-<width>-<height>
.oib-<border-width>-<hex code>
oidpr
parameter can only be used when either the height or width of the desired output overlay image is specified. If the output image's height or width after considering the specified DPR is less than 1px or greater than 5000px, the value of oidpr
is not considered and the overlay height or width used in the URL is used.oi
.oit-false
.true
encodeURIComponent()
can be used for this.b3ZlcmxheSBtYWRlIGVhc3k%3D
is the base64 string for "overlay made easy"00AAFF
(solid color) or 00AAFF55
(with 55% opacity)00
and 99
.left
, right
and center
(default).00AAFF
(solid color) or 00AAFF55
(with 55% opacity)otf
parameter./Lacquer-Regular_nGqtVsBJT.ttf
in media library. You will need to pass the whole path including extension.b
and italics i
.1
to 9
.
Note: Overlay Transparency is currently supported for overlay texts. It applies to overlay backgrounds only if alpha component is not set in obg parameter.