How to opt out the animated option only for jpeg outputs?

[tkrhub]

My Problem

An animated gif file input with formats: ['jpeg', 'webp'] and sharpOptions: {animated: true} generates a webp(animated) and a vertically long jpeg file, which is not desirable.

My Situation

My local markdown files(Obsidian) contain jpeg and gif(animated). I use 11ty and markdown-it-eleventy-img to render them.

I'd like to have webp(static) and jpeg outputs from jpeg inputs.
I'd like to have webp(animated) and jpeg with the first frame of gif outputs from gif(animated) inputs, if possible no jpeg output.

Possible Workaround

I could go with webp outputs only since it can work both static and animated format.

My Thought

This vertically long jpeg thing is referred as "toilet roll" on the Sharp website.

When loading more than one page/frame of an animated image, these are combined as a vertically-stacked "toilet roll" image where the overall height is the pageHeight multiplied by the number of pages.

So this is expected but at least for my use, it's not desirable. If I could choose the animated option on each output, that would solve my problem. As far as I understand, it's not how it works. The sharp option comes first and then output options(webp,png,jpeg and avif) follow.

eleventy-img and markdown-it-eleventy-img just pass the options to the Sharp constructor so it's more about the constructor. I'm assuming me using markdown is making things harder.

Buf if there are some settings or other workarounds to avoid the jpeg toilet roll, I'd like to know.
Thanks.

[tkrhub]

I figured out a solution working for me.
Since I'm using markdown-it-eleventy-img and it overrides eleventy-img's options, I modified index.js in the markdown-it-eleventy-img folder.

    // Checking an input file extension.
    // If it is gif, ONLY output a webp file by redefining the "formats" option.
    var fileExtension = src.split(".").pop();
    if (fileExtension == "gif")
    {      
      const webpArray = ["webp"];
      imgOptions.formats = webpArray;
    }

This is NOT checking whether a gif file is static or animated but this works for me because I only use animated gifs. That's the case for most of people too I assume. You can change sharpOptions: {animated: true/false} instead of the formats option.

If you don't use markdown-it-eleventy-img then I'm assuming you can just do the same thing to eleventy-img. I don't know even that's necessary though.

Hope this is helpful.