-
I need help overlaying a Cloudinary image in another Cloudinary in React
I'm not sure why I can't figure this out, I've literally tried everything! Overlay isn't working properly for me. Here is my react code: <Image publicId={publicId}> <Transformation overlay="v1682478917/youdesignai/noAuthUser/qald4f8keeumoehhei3t" width="70" /> </Image> very simple right? Here is my URL of the first image:…
-
Are credits charged for each request? How can I mitigate the cost?
Hello, First things first - thank you for such a lovely service and your help. These tools are taking my personal projs. to higher levels. Second - I'm wondering about how to mitigate credit usage in a Next.js app. I have a few images and a video uploaded to the CDN. In the Next app I am using your <CldImage/> and…
-
Transformation of a specific page in a multi page pdf
Hi, I need to overlay some image and text on only 1 specific page of a multi page pdf file. The delivery URL based transformation is overlaying the image on multiple pages. The below is the URL i am using ( I have removed my account and image details)…
-
Clipping path in TIF is lost in JPG
Hello guys, I'm uploading a TIF file which contains a clipping path created in Photoshop. I would like download this file in JPG file format including the clipping path. When I download the JPG file and open it in Photoshop, the clipping path is gone. Does anybody had this behaviour before? Best Regards Ramin
-
Occasional corrupt webp image transformations - any idea why?
Hello I'm doing a simple f_auto image transformation on the URL of my image. The original image is a png. After a year or so the webp image is now showing a pink stripe down the far right of the image. Eg If I look at…
-
Issues with image fetch consistency
Hello all! I've been stuck with this issue for a month and a half and I can't figure out what's causing it. I have been wanting to run tournaments on my server on discord using cloudinary to generate rosters. I wanted to run a few tests before making a more complex system so I threw together a welcome banner to see if it…
-
How to invalidate transformed image after source images are invalidated
I am compositing an image (result) out of 3 other images (a.webp, b.webp and c.webp) with the overlay (layer) transformation. When I update one of the source images (a, b or c) with the cld uploader upload command I also send the invalidate flag, but this only invalidates the cache of the source images, not of result . I…
-
Possible to add double border to an image?
Is there a syntax for adding a double border to an image? I'm trying to emulate a golf score card where a birdie is a circled number (easy) and an eagle is a double-circled number. Appreciate any help!
-
How to get my Named Transformation into the Derived Presets
I made a custom named transformation; that seems ok but when I go into my Media Library and click on edit an image when it opens and I click on the Derived Images it does not show as a Derived Image; yet when I'm in Media Library and double click on the image it opens and I can see the Transformation Presets. Is this…
-
Blog Post: Automated Open Graph Images on Github Pages with Cloudinary
Cloudinary came through again! Turning a normally pretty tough task of auto-generating open graph images into just a string builder function. Thanks for the awesome tool guys. Blog Post
-
Blog Post: Easy responsive images on Github Pages with Cloudinary
Hey guys, New to the community and just signed up for Cloudinary. I blog on Github Pages using Jekyll and Cloudinary plugged in real nice to my workflow. There's already a Jekyll plugin out there that hooks into Cloudinary but I wrote a quick blog on how to do it without needing to resort to custom plugins. Thought someone…
-
How to specify maximum duration in an incoming transformation
Hi, I'm adding an incoming transformation in my unsigned upload preset to set a maximum duration of 9 sec per video whenever a video is uploaded client-side. So, if user uploads a video>9 sec, the video duration would be cut to 9 sec. I'm using the conditional field in the incoming transformation section to set this up:…
-
auto-scaling text to fit into a box?
Hi all, so I'm pulling reviews from GMB, adding the review text to an image, and then posting it to social channels. What I need to do is wrap the text, but also make sure it scales to fit an area, vertically centered. Any idea on the transform parameters for that?
-
add width / height to cropped objects
Hello there, So I recently came across Cloudinary, and I'm very impressed. However, I can't figure out how to add width/height to a cropped object. I'll leave an example here. Here is a sample image where I want to crop the product (dress). And here is the finished picture:…
-
Revolving text using the distort effect
The distort effect changes the shape of an image based on a set of new coordinates representing the relative new position for each of its 4 corners. The rest of the image is then distorted and stretched to smoothly fit the new dimensions.…
-
Self-referencing variables in transformations
There are lots of times when you might want to overlay (or underlay) a different transformation of the same image. For example, you might want to have a small, cropped and zoomed version of a product as a layer over a full sized image of a product, or you might want a blurred landscape version of a picture as the…
-
On-the-fly Background Removal
Background removal is one of my favorite tools baked-in to Cloudinary, but it always required a bit of extra effort to both upload it and figure out when the background removal process is completed. The good news is now we can remove backgrounds on the fly 🤩 Simply add the e_background_removal transformation and you're…
