Show original content

[preschian]

Hi guys, currently, we show optimised images on the gallery detail page. The downside is that gif content will be transformed into a static image. For example, this page https://deploy-preview-6599--koda-canary.netlify.app/stmn/gallery/u-117-382

I'm using https://wsrv.nl/ to resize images on cf-workers. For now, that page still does not support resizing big-resolution gif to smaller-size gif.

Reason

To avoid loading "big" size images to the user. Because it will hurt performance and give them a bad experience on our website. Ref:

• Store high-resolution image to cf-images #5202
• feat: resize image before uploading to cf-images workers#54

For example comparison, 17.8kB vs 2.2MB

	screenshot
kodadot
singular

Solution

1. In this PR, I change the URL in the "Details" tab to a public IPFS gateway. So, if the user clicks the "Media" or "Animated Media" link, they will see the original content

2. Second solution, what if we show original content if the user clicks the preview button?

wdyt? cc @kodadot/internal-dev

[vikiival]

Hey,

I am ok with showing static images on landing (as a quick fix), however when user lands the page we should be able to load the dynamic one

[preschian]

however when user lands the page we should be able to load the dynamic one

downside if we use IPFS gateway to show original content

• public gateway: rate limit so that any user can hit 429 status
• our gateway (infura/filebase): cost. we will face this issue again Reworking media serving for edge caching, speed and costs #4587

so, it's better to show original content with our r2 bucket. then, need to assign our r2 bucket stockpile to a subdomain, and then we can adjust that to our UI

our public r2 domain
https://pub-50750f0ce9304706bc9d85aa7f920345.r2.dev/ipfs/QmdWuMnTtoA53i23hokJmqSoQBCDRvXrjY4DPTTPppAcEv

[vikiival]

o, it's better to show original content with our r2 bucket. then, need to assign our r2 bucket stockpile to a subdomain, and then we can adjust that to our UI

Yup that is the plan from the new design

• Revisit Image Worker workers#132 (comment)

[preschian]

How to differentiate between loading optimise image and non optimise images? sent additional queries to image-workers? for example ?original=true

[vikiival]

PR for worker was merged and deployed on beta so its free to grab

[roiLeo]

• link it with Quality of downloaded NFTs #6120

[preschian]

PR for worker was merged and deployed on beta so its free to grab

On it. or is it better to give this to new contributors instead?

[vikiival]

PR for worker was merged and deployed on beta so its free to grab

On it. or is it better to give this to new contributors instead?

Yup ✅

[justskinny5]

👋

[kodabot]

ASSIGNED - @justskinny5 🔒 LOCKED -> Wednesday, August 30th 2023, 24:10:26 UTC -> 36 hours

[justskinny5]

@preschian @vikiival hi~ just want to make sure that the final solution is to show original content if the user clicks the preview button, right?

[vikiival]

Hello,

The final solution is decribed in the Solution steps 1 and 2

[justskinny5]

Hello,

The final solution is decribed in the Solution steps 1 and 2

@vikiival Understand, thank you! And the step 1 has already done by PR6599, I am on the step2.