以下のツイートを参考に、画像とIIIFマニフェストをipfsに追加してみました。
https://twitter.com/edsilv/status/1400221815369355267
ipfsへの追加については、上記のツイートでも言及されているFleekを使用しました。
https://fleek.co/
Fleekの使い方は以下のサイトが参考になりました。
https://i-407.com/blog/m10/
ソースコード#
ソースコードは以下です。
https://github.com/nakamura196/fleek_test
画像のアップロード#
まず、上記のリポジトリに以下の画像をアップロードしました。
https://github.com/nakamura196/fleek_test/blob/main/kunshujo_400.jpg
先のサイトを参考に、本リポジトリをfleekに接続しました。その結果、以下のURLでアクセスできました。
https://ipfs.io/ipfs/QmbZekG5x834rwGKVZntBefkbNfL5auH171m4c26TZmCAo/kunshujo_400.jpg
またIPFSのデスクトップアプリをダウンロードして、「QmbZekG5x834rwGKVZntBefkbNfL5auH171m4c26TZmCAo」を入力したところ、以下のように表示することができました。

さらに、以下のGoogle Chromeの拡張機能をインストールしました。
https://chrome.google.com/webstore/detail/ipfs-companion/nibjojkomfdiaoajekhjakgkdhaomnch
上記のデスクトップアプリを起動した状態で、先のURL(https://ipfs.io/ipfs/…)を入力すると、以下のURLに変換されました。
http://bafybeigepsc4mwgbur7y7tao5v26oeqgi3bkial2rrbuudlaf3z43iyquq.ipfs.localhost:8080/kunshujo_400.jpg
マニフェストファイルのアップロード#
次にマニフェストファイルを作成します。以下のようなマニフェストファイルを作成しました。
その結果、以下のURLでアクセスできるようになりました。
https://ipfs.io/ipfs/QmdS7UP4oSHw5wgG4T46NXvLrN17hCoWrSRgBQUtjCVpmM/manifest.json
本マニフェストファイルをUniversal Viewerで表示したところ、以下のように正しく表示ができました。
https://uv-v4.netlify.app/#?manifest=https://ipfs.io/ipfs/QmdS7UP4oSHw5wgG4T46NXvLrN17hCoWrSRgBQUtjCVpmM/manifest.json

まとめ#
色々とわかっていない点が多いですが、とりあえず画像とIIIFマニフェストファイルをipfsに追加することができました。