ImageKit operation for aspectRatio (ar) url-encodes value twice.
Input:
{
imagekit: {
ar: '9-16'
}
}
Output: https://ik.imagekit.io/image.png?updatedAt=1778956861259&tr=ar-9%252D16%2Cfo-custom%2Cw-640%2Cc-maintain_ratio
You can see ar-9%252D16 which is:
decodeURIComponent(decodeURIComponent('ar-9%252D16')) === 'ar-9-16' // true
decodeURIComponent('ar-9%252D16') !== 'ar-9-16' // false – 'ar-9%2D16'
This breaks ImageKit's aspect ratio functionality.
P.S. Yes, correct syntax for aspect ratio in ImageKit is dashed, not semicolon.
ImageKit operation for aspectRatio (
ar) url-encodes value twice.Input:
Output:
https://ik.imagekit.io/image.png?updatedAt=1778956861259&tr=ar-9%252D16%2Cfo-custom%2Cw-640%2Cc-maintain_ratioYou can see
ar-9%252D16which is:This breaks ImageKit's aspect ratio functionality.
P.S. Yes, correct syntax for aspect ratio in ImageKit is dashed, not semicolon.