Omnidata protocol
  • Introduction
  • Omnidata Oracle
    • Intro
    • Testnets
  • Omnidata Storage
    • Intro
  • Omnidata Gateway
    • Intro
    • Imghub APIs
      • Original image from IPFS
      • Resize image
      • Avatar
      • Composite image
      • Rotate image
      • Flip image
      • Flop image
      • Blur image
    • FAQ
  • Roadmap
Powered by GitBook
On this page
  • Original image
  • Resize image
  • Avatar
  • Composite image
  • Rotate image
  • Flip image
  • Flop image
  • Blur image
  1. Omnidata Gateway

Imghub APIs

https://imghub.omnidata.xyz

PreviousIntroNextOriginal image from IPFS

Last updated 2 years ago

With the web3 apps growing, more and more dApps are needing to retrieve images from decentralized storage networks like IPFS and Filecoin. Based on the research, we have found that most dApps do not require showing the original photos but only show thumbnails, avatars, or compressed and resized images, for example, the NFT marketplaces, the crypto games, the Metaverse, and the dApps, etc. As you may know, if you use an IPFS CID () to fetch the image, it will return the original size. Unfortunately, there is no straightforward and native approach to automatically make images from decentralized storage networks fit into the responsive UI.

The Imghub (former Img8 protocol) provides a gateway with native image processing and optimization protocol for IPFS and Filecoin to web3 developers, designers, and creators. They can specify what they need in the query parameters of the gateway access URL like https://gateway.omnidata.xyz/ipfs/CID?w=200 and it will return the compressed and resized image with a width of 200px. It's easy peasy.

Original image

Get the original image by using the IPFS CID:

Resize image

Get resized image by using the IPFS CID:

Avatar

Generate a circled avatar image:

Composite image

Compositing a new image over the processed image:

Rotate image

Flip image

Flop image

Blur image

content identifier
Original image from IPFS
Resize image
Avatar
Composite image
Rotate image
Flip image
Flop image
Blur image