Logo image broken in Footer

[sh3hz]

Where does your observation occur?

StreamPipes Website

What do you want to report?

Apache Software Foundation Logo image broken in Footer.

Solving the problem

https://github.com/apache/streampipes-website/blob/dev/website-v2/src/theme/Footer/index.tsx

logo: {
alt: 'Apache Software Foundation',
src: '/img/asf_logo_wide_small.avif',
href: 'https://www.apache.org/',
}

Is this just a matter of updating the href to this link?

Anything left

No response

Are you willing to submit a PR?

Yes, I am willing to submit a PR!

[dominikriemer]

Hi @sh3hz thanks for reporting the issue!
I tried to reproduce the problem:

• The image path should be fine (the image can be found at https://streampipes.apache.org/img/asf_logo_wide_small.avif)
• In Chrome, the image is displayed correctly
• When opening the website in Edge, I get the same error as you reported (but I can still download the image when entering the URL directly).

So I assume it's a problem of browsers which don't display avif images.

Which browser are you using and can you please confirm that it's a porblem with avif files?
https://libre-software.net/image/avif-test/#avif_test

In this case, i think the best solution would be to convert the avif file to a good old png.

[sh3hz]

Tested on Microsoft Edge Version 117.0.2045.60 (Official build) (64-bit).
Issue is with Edge not supporting avif rendering.

[bossenti]

Thanks for investigating @sh3hz 🙏🏼
Are you willing to come up with a PR here?

[sh3hz]

@bossenti Can I replace with this PNG as @dominikriemer suggested? or any other suggestion?

[dominikriemer]

Great - yes, or you can use the same logo as svg: https://www.apache.org/foundation/press/kit/#logo
I'm fine with both :-)