Cloudinary image adding path to URL (/f_auto,c_fit,h_773,w_1400/)

[0xtiago]

Hi guys,

I've tried to embed some gifs hosted in cloudinary in my blog posts, and JUST WITH GIFs, but im facing some problems.
The line bellow is an example of image:

{{< image src="https://res.cloudinary.com/dtr6hzxnx/image/upload/v1721593055/blog/horusec_csharp.gif" caption="">}}

When the page is rendered by the browser, it automatically adds in the middle /f_auto,c_fit,h_773,w_1400/...
https://res.cloudinary.com/dtr6hzxnx/image/upload/f_auto,c_fit,h_773,w_1400/v1721593055/blog/horusec_csharp.gif

... and the image cannot be found.

My server img-src is also configured, and now I dont know what to do... :(

Have anybody went through the same problem?

Thanks!

[markdumay]

By default, Hinode generates image sets to reduce the download size of an image for smaller screens. You can specify plain=true to include the original, unprocessed image instead. Your example should then work correctly.

I did some additional investigation, and it seems your example image is rather large. I tested the following shortcode locally:

{{< image src="https://res.cloudinary.com/dtr6hzxnx/image/upload/v1721593055/blog/horusec_csharp.gif" caption="" plain=false >}}

Chrome gives me the following network error (Debugging tools, click on the filename horusec_csharp.gif in the Network tab and verify the response headers):

X-Cld-Error: Maximum total number of pixels in all frames/pages is 50 Megapixels. Requested 163.89 Megapixels

Cloudinary recommends to convert animated gifs to either webm or mp4. Unfortunately, videos are not supported by Hinode's image shortcode. If you're interested, you could submit a feature request for a new shortcode, e.g. video, that supports both local and remote videos.

[0xtiago]

Hi Mark, I try to convert my gif to a smaller size. I reply back in a couple of hours...thank yoU!