How to pick the format having only the id? about giphy-js HOT 3 CLOSED

Hi @geneoes, apologies for the late reply. In general, yes - you can build a URL using this ${giphyId}/giphy.webp template, but not all gifs support webp or mp4 formats, so sometimes this URL will point to 404. I would recommend using the Giphy JS Fetch API with Giphy JS Utils. For example, you can get GIF by id and find the best rendition for your media:

import { GiphyFetch } from "@giphy/js-fetch-api";
import { getBestRenditionUrl } from "@giphy/js-util";

const gf = new GiphyFetch("<GIPHY_API_KEY>");

async function getGifUrlById(id) {
  const result = await gf.gif(id);
  return getBestRenditionUrl(result.data, 400, 400, { useVideo: true });
}

getGifUrlById("<GIF ID>");

from giphy-js.

@geneoes - as @pshoniuk mentioned it would be good to use the getBestRenditionUrl util, as it can give you the best rendition for the size specified as well detect webp support. If webp isn't supported, it displays a gif

from giphy-js.

Ohh I see, I'll try that then, thanks both!

from giphy-js.