Img8

An image processing & optimization protocol that is built on top of Filecoin for web3 developers. It empowers web3 developers&creators to embed the images from IPFS to any responsive dApps with ease.

Comment

Inspiration

When I build an application that shows the NFTs data, due to the images were fetching from IPFS/Filecoin directly if the size of the images is very big it gonna be making the customers' experience very bad because of the long image downloading time. It's inspired me why not build a gateway and protocol to process and optimize the images for web3 developers, and img8.io is coming.

What it does

  1. Provides a React library to let the files upload to IPFS/Filecoin much easier.
  2. Provides APIs to process and optimize the images by cid, and return it back to the dApps.
  3. Provides an instant preview of the images if the query parameters change (needs to pay for the form to be changeable by using the Unlock protocol), e.g. width, height, and blur etc.

How we built it

We used Nestjs and sharpjs to process the images, and web3.storage to upload files to IPFS/Filecoin.

Accomplishments that we're proud of

We've built a React web3-uploader library to make the IPFS/Filecoin files upload much easier to developers. Developed an IPFS/Filecoin gateway to return the processed and optimized images to the dApps.

What we learned

  1. How to use js ipfs to get data by CID.
  2. How to use web3.storage to store files.
  3. How to use unlock to add membership feature to the dApp.

What's next for Img8

Adding more image processing and optimization features, like watermark, blur, and composability etc. Furthermore, keep maintaining the react web3 uploader, and create a similar Vue library.

Built With

Share this project:

Updates